ต่อไป »

[tontan1998]

ตอนนี้ผมอยากรู้วิธีทำ lightbox popup iframe ครับ เพราะลองศึกษาจากหลายๆ เว็บภาษาไทยแล้วอธิบายไม่ตรงประเด็นครับ มีใครพอแนะนำให้ผมได้ไหมครับ 

[Surakrai]

หมายถึง  lightbox  ที่รองรับ iframe หรือเปล่า ถ้าใช่ผมแนะนำตัวนี้ http://fancyapps.com/fancybox/

[tontan1998]

หมายถึง  lightbox  ที่รองรับ iframe หรือเปล่า ถ้าใช่ผมแนะนำตัวนี้ http://fancyapps.com/fancybox/

+1 ใช่ครับแต่ติดที่© ครับ 

[nagis]

หมายถึง  lightbox  ที่รองรับ iframe หรือเปล่า ถ้าใช่ผมแนะนำตัวนี้ http://fancyapps.com/fancybox/

+1 ใช่ครับแต่ติดที่© ครับ 

ทำไมหรือครับ

[adidog]

ลอง colorbox ก็สวยครับ

http://www.jacklmoore.com/colorbox/example1/

 

[tontan1998]

หมายถึง  lightbox  ที่รองรับ iframe หรือเปล่า ถ้าใช่ผมแนะนำตัวนี้ http://fancyapps.com/fancybox/

+1 ใช่ครับแต่ติดที่© ครับ 

ทำไมหรือครับ

http://sites.fastspring.com/fancyapps/product/store
 

[tontan1998]

ลอง colorbox ก็สวยครับ

http://www.jacklmoore.com/colorbox/example1/

 

+1 187->188 สวยงามมากเลยครับ 

[tontan1998]

ลอง colorbox ก็สวยครับ

http://www.jacklmoore.com/colorbox/example1/

 

+1 187->188 สวยงามมากเลยครับ 

ถ้าผมจะทำแบบpopup เข้าเว็บแล้วเห็นเลยต้องทำอย่างไรครับ 

[Surakrai]

หมายถึง  lightbox  ที่รองรับ iframe หรือเปล่า ถ้าใช่ผมแนะนำตัวนี้ http://fancyapps.com/fancybox/

+1 ใช่ครับแต่ติดที่© ครับ 

ฟรี ถ้าไม่ใช้ในเชิงพานิชย์

[tontan1998]

หมายถึง  lightbox  ที่รองรับ iframe หรือเปล่า ถ้าใช่ผมแนะนำตัวนี้ http://fancyapps.com/fancybox/

+1 ใช่ครับแต่ติดที่© ครับ 

ฟรี ถ้าไม่ใช้ในเชิงพานิชย์

+1 ขอบคุณครับ แต่ยังสงสัยอยู่นิดๆ ครับ 

[tontan1998]

ตอนนี้กำลังเอา fancybox จับใส่blogger
แต่มันไม่มาให้ครับ 

[adidog]

ว่างๆเลยลองดู

http://fancyboxpopup.blogspot.com/

โค๊ด:

<link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript"><!--
$(document).ready(function() {
var text_content = '<iframe width="560" height="315" src="//www.youtube.com/embed/w1oM3kQpXRo" frameborder="0" allowfullscreen></iframe>';
 $.fancybox(
  text_content,
  {
          'autoDimensions' : false,
   'scrolling'  : 'no',
   'width'          : 600,
   'height'         : 350,
   'transitionIn'  : 'none',
   'transitionOut'  : 'none'
   
  }
 );
});
//--></script>

ผมก็ไม่เก่ง jquery ซ่ะด้วย ก๊อปๆวางๆ เป็นอยู่แค่นี้ครับ 

[tontan1998]

ว่างๆเลยลองดู

http://fancyboxpopup.blogspot.com/

โค๊ด:

<link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript"><!--
$(document).ready(function() {
var text_content = '<iframe width="560" height="315" src="//www.youtube.com/embed/w1oM3kQpXRo" frameborder="0" allowfullscreen></iframe>';
 $.fancybox(
  text_content,
  {
          'autoDimensions' : false,
   'scrolling'  : 'no',
   'width'          : 600,
   'height'         : 350,
   'transitionIn'  : 'none',
   'transitionOut'  : 'none'
   
  }
 );
});
//--></script>

ผมก็ไม่เก่ง jquery ซ่ะด้วย ก๊อปๆวางๆ เป็นอยู่แค่นี้ครับ 

 1 ขอบคุณครับ 

[tontan1998]

ว่างๆเลยลองดู

http://fancyboxpopup.blogspot.com/

โค๊ด:

<link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript"><!--
$(document).ready(function() {
var text_content = '<iframe width="560" height="315" src="//www.youtube.com/embed/w1oM3kQpXRo" frameborder="0" allowfullscreen></iframe>';
 $.fancybox(
  text_content,
  {
          'autoDimensions' : false,
   'scrolling'  : 'no',
   'width'          : 600,
   'height'         : 350,
   'transitionIn'  : 'none',
   'transitionOut'  : 'none'
   
  }
 );
});
//--></script>

ผมก็ไม่เก่ง jquery ซ่ะด้วย ก๊อปๆวางๆ เป็นอยู่แค่นี้ครับ 

ไม่มาให้ครับ firefox 26 IE10 ครับ 

[adidog]

ว่างๆเลยลองดู

http://fancyboxpopup.blogspot.com/

โค๊ด:

<link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript"><!--
$(document).ready(function() {
var text_content = '<iframe width="560" height="315" src="//www.youtube.com/embed/w1oM3kQpXRo" frameborder="0" allowfullscreen></iframe>';
 $.fancybox(
  text_content,
  {
          'autoDimensions' : false,
   'scrolling'  : 'no',
   'width'          : 600,
   'height'         : 350,
   'transitionIn'  : 'none',
   'transitionOut'  : 'none'
   
  }
 );
});
//--></script>

ผมก็ไม่เก่ง jquery ซ่ะด้วย ก๊อปๆวางๆ เป็นอยู่แค่นี้ครับ 

ไม่มาให้ครับ firefox 26 IE10 ครับ 

รูสึกว่า fancybox มันจะบล็อกไม่ให้เรา hotlink มาใช้งาน

[adidog]

แก้ไข เอาอันนี้ไปใช้ได้แน่ๆครับ

โค๊ด:

<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.css" media="screen" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.js"></script>
<script type="text/javascript"><!--
$(document).ready(function() {
var text_content = '<iframe width="560" height="315" src="//www.youtube.com/embed/w1oM3kQpXRo" frameborder="0" allowfullscreen></iframe>';
 $.fancybox(
  text_content,
  {
          'autoDimensions' : false,
   'scrolling'  : 'no',
   'width'          : 600,
   'height'         : 350,
   'transitionIn'  : 'none',
   'transitionOut'  : 'none'
   
  }
 );
});
//--></script>

[tontan1998]

แก้ไข เอาอันนี้ไปใช้ได้แน่ๆครับ

โค๊ด:

<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.css" media="screen" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.js"></script>
<script type="text/javascript"><!--
$(document).ready(function() {
var text_content = '<iframe width="560" height="315" src="//www.youtube.com/embed/w1oM3kQpXRo" frameborder="0" allowfullscreen></iframe>';
 $.fancybox(
  text_content,
  {
          'autoDimensions' : false,
   'scrolling'  : 'no',
   'width'          : 600,
   'height'         : 350,
   'transitionIn'  : 'none',
   'transitionOut'  : 'none'
   
  }
 );
});
//--></script>

จนปัญญาครับ ช่วยวิเคราะห์ให้ผมว่าผมวางโค้ดผิดตรงไหนครับ http://www.wannaphong.com/ ครับ 

[adidog]

ตรง

โค๊ด:

<script type='text/rocketscript'><!-- $(document).ready(function() { var text_content = '<iframe width="560" height="315" src="//www.youtube.com/embed/w1oM3kQpXRo" frameborder="0" allowfullscreen></iframe>'; $.fancybox( text_content, { 'autoDimensions' : false, 'scrolling' : 'no', 'width' : 600, 'height' : 350, 'transitionIn' : 'none', 'transitionOut' : 'none' } ); }); //--></script>
 

เว้นบรรทัดได้ป่าวครับ

โค๊ด:

<script type='text/rocketscript'><!-- 
$(document).ready(function() { var text_content = '<iframe width="560" height="315" src="//www.youtube.com/embed/w1oM3kQpXRo" frameborder="0" allowfullscreen></iframe>'; $.fancybox( text_content, { 'autoDimensions' : false, 'scrolling' : 'no', 'width' : 600, 'height' : 350, 'transitionIn' : 'none', 'transitionOut' : 'none' } ); }); 
//--></script>
 

[tontan1998]

ตรง

โค๊ด:

<script type='text/rocketscript'><!-- $(document).ready(function() { var text_content = '<iframe width="560" height="315" src="//www.youtube.com/embed/w1oM3kQpXRo" frameborder="0" allowfullscreen></iframe>'; $.fancybox( text_content, { 'autoDimensions' : false, 'scrolling' : 'no', 'width' : 600, 'height' : 350, 'transitionIn' : 'none', 'transitionOut' : 'none' } ); }); //--></script>
 

เว้นบรรทัดได้ป่าวครับ

โค๊ด:

<script type='text/rocketscript'><!-- 
$(document).ready(function() { var text_content = '<iframe width="560" height="315" src="//www.youtube.com/embed/w1oM3kQpXRo" frameborder="0" allowfullscreen></iframe>'; $.fancybox( text_content, { 'autoDimensions' : false, 'scrolling' : 'no', 'width' : 600, 'height' : 350, 'transitionIn' : 'none', 'transitionOut' : 'none' } ); }); 
//--></script>
 

ลองแล้วไม่มาครับ สงสัยเพราะเป็นrocketscript ครับ มีJS ไหมครับ

[gsonic]

ขอเข้ามารู้ด้วยคนครับ

[adidog]

ตรง

โค๊ด:

<script type='text/rocketscript'><!-- $(document).ready(function() { var text_content = '<iframe width="560" height="315" src="//www.youtube.com/embed/w1oM3kQpXRo" frameborder="0" allowfullscreen></iframe>'; $.fancybox( text_content, { 'autoDimensions' : false, 'scrolling' : 'no', 'width' : 600, 'height' : 350, 'transitionIn' : 'none', 'transitionOut' : 'none' } ); }); //--></script>
 

เว้นบรรทัดได้ป่าวครับ

โค๊ด:

<script type='text/rocketscript'><!-- 
$(document).ready(function() { var text_content = '<iframe width="560" height="315" src="//www.youtube.com/embed/w1oM3kQpXRo" frameborder="0" allowfullscreen></iframe>'; $.fancybox( text_content, { 'autoDimensions' : false, 'scrolling' : 'no', 'width' : 600, 'height' : 350, 'transitionIn' : 'none', 'transitionOut' : 'none' } ); }); 
//--></script>
 

ลองแล้วไม่มาครับ สงสัยเพราะเป็นrocketscript ครับ มีJS ไหมครับ

โค้ดของผมอันแรกก็ javascript น่ะครับ

[tontan1998]

รู้แล้วครับ blogger แปลงเป็นrocketscript แบบauto 

[tontan1998]

มีใครมีวิธีไม่ให้ blogger แปลงเป็นrocketscript แบบauto ไหมครับ 

[tontan1998]

ตอนนี้ผมได้แยกเป็นไฟล์ JS ดึงข้อมูลมาจากdropbox มาแสดง

โค๊ด:

<!--Fancybox-->
    <link href='http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>
    <script src='http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.js'/>
<script src='https://dl.dropboxusercontent.com/s/5jd0m8nx94whxwy/iframe.js' type="text/javascript" />
<!--End Fancybox-->

แต่ยังไม่มาครับ 

[sys2528]

ลอง colorbox ก็สวยครับ

http://www.jacklmoore.com/colorbox/example1/

 

อันนี้สวยมาก ใช้ได้หลากหลายงาน ขอบคุณครับ 

[tontan1998]

ตอนนี้กำลังเปลี่ยนไปลองcolorbox ครับ 

[tontan1998]

ได้แล้วครับ ลิงค์ http://www.mbgadget.com/2013/04/blogger-facebook-popup.html ดัดแปลงจาก facebook like box เป็น iframe ครับ 

[insidecom]

เข้ามาเก็บความรูด้วยคนครับ