tontan1998
ก๊วนเสียว
พลังน้ำใจ: 25
ออฟไลน์
กระทู้: 376
|
 |
« เมื่อ: 15 ธันวาคม 2013, 14:40:41 » |
|
ตอนนี้ผมอยากรู้วิธีทำ lightbox popup iframe ครับ เพราะลองศึกษาจากหลายๆ เว็บภาษาไทยแล้วอธิบายไม่ตรงประเด็นครับ มีใครพอแนะนำให้ผมได้ไหมครับ 
|
|
|
บันทึกการเข้า
|
|
|
|
Surakrai
ก๊วนเสียว
พลังน้ำใจ: 71
ออฟไลน์
กระทู้: 321
|
 |
« ตอบ #1 เมื่อ: 15 ธันวาคม 2013, 15:40:47 » |
|
หมายถึง lightbox ที่รองรับ iframe หรือเปล่า ถ้าใช่ผมแนะนำตัวนี้ http://fancyapps.com/fancybox/ 
|
|
|
บันทึกการเข้า
|
|
|
|
tontan1998
ก๊วนเสียว
พลังน้ำใจ: 25
ออฟไลน์
กระทู้: 376
|
 |
« ตอบ #2 เมื่อ: 15 ธันวาคม 2013, 18:19:06 » |
|
+1 ใช่ครับแต่ติดที่© ครับ 
|
|
|
บันทึกการเข้า
|
|
|
|
nagis
ก๊วนเสียว
พลังน้ำใจ: 26
ออฟไลน์
กระทู้: 356
|
 |
« ตอบ #3 เมื่อ: 15 ธันวาคม 2013, 18:28:11 » |
|
+1 ใช่ครับแต่ติดที่© ครับ  ทำไมหรือครับ
|
|
|
บันทึกการเข้า
|
|
|
|
adidog
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 238
ออฟไลน์
กระทู้: 1,859
|
 |
« ตอบ #4 เมื่อ: 15 ธันวาคม 2013, 18:32:38 » |
|
|
|
|
บันทึกการเข้า
|
|
|
|
tontan1998
ก๊วนเสียว
พลังน้ำใจ: 25
ออฟไลน์
กระทู้: 376
|
 |
« ตอบ #5 เมื่อ: 15 ธันวาคม 2013, 18:37:49 » |
|
|
|
|
บันทึกการเข้า
|
|
|
|
tontan1998
ก๊วนเสียว
พลังน้ำใจ: 25
ออฟไลน์
กระทู้: 376
|
 |
« ตอบ #6 เมื่อ: 15 ธันวาคม 2013, 18:41:39 » |
|
+1 187->188 สวยงามมากเลยครับ 
|
|
|
บันทึกการเข้า
|
|
|
|
tontan1998
ก๊วนเสียว
พลังน้ำใจ: 25
ออฟไลน์
กระทู้: 376
|
 |
« ตอบ #7 เมื่อ: 15 ธันวาคม 2013, 18:43:43 » |
|
+1 187->188 สวยงามมากเลยครับ  ถ้าผมจะทำแบบpopup เข้าเว็บแล้วเห็นเลยต้องทำอย่างไรครับ 
|
|
|
บันทึกการเข้า
|
|
|
|
Surakrai
ก๊วนเสียว
พลังน้ำใจ: 71
ออฟไลน์
กระทู้: 321
|
 |
« ตอบ #8 เมื่อ: 15 ธันวาคม 2013, 20:12:36 » |
|
+1 ใช่ครับแต่ติดที่© ครับ  ฟรี ถ้าไม่ใช้ในเชิงพานิชย์
|
|
|
บันทึกการเข้า
|
|
|
|
tontan1998
ก๊วนเสียว
พลังน้ำใจ: 25
ออฟไลน์
กระทู้: 376
|
 |
« ตอบ #9 เมื่อ: 15 ธันวาคม 2013, 20:32:07 » |
|
+1 ใช่ครับแต่ติดที่© ครับ  ฟรี ถ้าไม่ใช้ในเชิงพานิชย์ +1 ขอบคุณครับ แต่ยังสงสัยอยู่นิดๆ ครับ 
|
|
|
บันทึกการเข้า
|
|
|
|
tontan1998
ก๊วนเสียว
พลังน้ำใจ: 25
ออฟไลน์
กระทู้: 376
|
 |
« ตอบ #10 เมื่อ: 15 ธันวาคม 2013, 20:33:55 » |
|
ตอนนี้กำลังเอา fancybox จับใส่blogger แต่มันไม่มาให้ครับ 
|
|
|
บันทึกการเข้า
|
|
|
|
adidog
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 238
ออฟไลน์
กระทู้: 1,859
|
 |
« ตอบ #11 เมื่อ: 15 ธันวาคม 2013, 22:21:59 » |
|
|
|
|
บันทึกการเข้า
|
|
|
|
tontan1998
ก๊วนเสียว
พลังน้ำใจ: 25
ออฟไลน์
กระทู้: 376
|
 |
« ตอบ #12 เมื่อ: 16 ธันวาคม 2013, 12:24:46 » |
|
1 ขอบคุณครับ 
|
|
|
บันทึกการเข้า
|
|
|
|
tontan1998
ก๊วนเสียว
พลังน้ำใจ: 25
ออฟไลน์
กระทู้: 376
|
 |
« ตอบ #13 เมื่อ: 16 ธันวาคม 2013, 12:26:47 » |
|
ไม่มาให้ครับ firefox 26 IE10 ครับ 
|
|
|
บันทึกการเข้า
|
|
|
|
adidog
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 238
ออฟไลน์
กระทู้: 1,859
|
 |
« ตอบ #14 เมื่อ: 16 ธันวาคม 2013, 12:30:06 » |
|
ไม่มาให้ครับ firefox 26 IE10 ครับ  รูสึกว่า fancybox มันจะบล็อกไม่ให้เรา hotlink มาใช้งาน
|
|
|
บันทึกการเข้า
|
|
|
|
adidog
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 238
ออฟไลน์
กระทู้: 1,859
|
 |
« ตอบ #15 เมื่อ: 16 ธันวาคม 2013, 12:52:26 » |
|
แก้ไข เอาอันนี้ไปใช้ได้แน่ๆครับ <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
ก๊วนเสียว
พลังน้ำใจ: 25
ออฟไลน์
กระทู้: 376
|
 |
« ตอบ #16 เมื่อ: 16 ธันวาคม 2013, 13:16:25 » |
|
แก้ไข เอาอันนี้ไปใช้ได้แน่ๆครับ <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
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 238
ออฟไลน์
กระทู้: 1,859
|
 |
« ตอบ #17 เมื่อ: 16 ธันวาคม 2013, 13:21:43 » |
|
ตรง <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
ก๊วนเสียว
พลังน้ำใจ: 25
ออฟไลน์
กระทู้: 376
|
 |
« ตอบ #18 เมื่อ: 16 ธันวาคม 2013, 13:26:36 » |
|
ตรง <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
ก๊วนเสียว
พลังน้ำใจ: 11
ออฟไลน์
กระทู้: 384
|
 |
« ตอบ #19 เมื่อ: 16 ธันวาคม 2013, 13:27:55 » |
|
ขอเข้ามารู้ด้วยคนครับ
|
|
|
บันทึกการเข้า
|
|
|
|
adidog
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 238
ออฟไลน์
กระทู้: 1,859
|
 |
« ตอบ #20 เมื่อ: 16 ธันวาคม 2013, 13:29:06 » |
|
ตรง <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
ก๊วนเสียว
พลังน้ำใจ: 25
ออฟไลน์
กระทู้: 376
|
 |
« ตอบ #21 เมื่อ: 16 ธันวาคม 2013, 13:31:05 » |
|
รู้แล้วครับ blogger แปลงเป็นrocketscript แบบauto 
|
|
|
บันทึกการเข้า
|
|
|
|
tontan1998
ก๊วนเสียว
พลังน้ำใจ: 25
ออฟไลน์
กระทู้: 376
|
 |
« ตอบ #22 เมื่อ: 16 ธันวาคม 2013, 13:35:41 » |
|
มีใครมีวิธีไม่ให้ blogger แปลงเป็นrocketscript แบบauto ไหมครับ 
|
|
|
บันทึกการเข้า
|
|
|
|
tontan1998
ก๊วนเสียว
พลังน้ำใจ: 25
ออฟไลน์
กระทู้: 376
|
 |
« ตอบ #23 เมื่อ: 16 ธันวาคม 2013, 13:52:01 » |
|
ตอนนี้ผมได้แยกเป็นไฟล์ 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
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 301
ออฟไลน์
กระทู้: 3,601
|
 |
« ตอบ #24 เมื่อ: 16 ธันวาคม 2013, 14:03:38 » |
|
อันนี้สวยมาก ใช้ได้หลากหลายงาน ขอบคุณครับ 
|
|
|
บันทึกการเข้า
|
|
|
|
tontan1998
ก๊วนเสียว
พลังน้ำใจ: 25
ออฟไลน์
กระทู้: 376
|
 |
« ตอบ #25 เมื่อ: 16 ธันวาคม 2013, 14:10:31 » |
|
ตอนนี้กำลังเปลี่ยนไปลองcolorbox ครับ 
|
|
|
บันทึกการเข้า
|
|
|
|
|
insidecom
สมุนแก๊งเสียว
พลังน้ำใจ: 36
ออฟไลน์
กระทู้: 706
|
 |
« ตอบ #27 เมื่อ: 23 ธันวาคม 2013, 14:45:13 » |
|
เข้ามาเก็บความรูด้วยคนครับ 
|
|
|
บันทึกการเข้า
|
|
|
|
|