อยากรู้วิธีทำ lightbox popup iframe ครับ +1

[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]

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