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

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

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