|
 |
| |
script lightbox กับ script slideshow มันกวนกัน ชนกัน 2 ตัวอ่าครับ ผมจะทำยังไงดี |
| |
 |
|
|
 |
 |
|
ผมอ่านผมก็งงเอง เอางี้ การใส่ Java Script ในหน้าเดียวกันหลายคำสั่ง อาจทำให้การแสดงผลไม่สมบูรณ์ ผมจะมีวิธีแก้ยังไงดีครับ
|
 |
 |
 |
 |
| Date :
2011-12-27 16:30:36 |
By :
tenichi |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
//--------------------- ชุดนี้วางไว้บนสุด ใต้ <head> -----------------------------//
<link rel="stylesheet" type="text/css" href="css/demo2.css" media="screen" />
<link href="css/108livep2.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/css2.css" rel="stylesheet" type="text/css" media="screen" />
<SCRIPT type="text/javascript" src="js/jquery.min.js"></SCRIPT>
<SCRIPT type="text/javascript" src="js/v1.js" async></SCRIPT>
<SCRIPT type="text/javascript" src="js/script2.js"></SCRIPT>
//-----------------ชุดนี้ผมวางไว้ล้างสุดติอกับ </head> วางไว้ที่อื่นมันไม่ทำงานครับ-----------------------//
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/js/prototype.js" type="text/javascript"></script>
<script src="js/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/js/lightbox.js" type="text/javascript"></script>
ให้ผมเดาก็คือว่า มันต้องมีอะไรที่เรียกใช้เหมืนอการแต่การแสดงผลต่างกัน แต่ผมไม่รู้ว่าจะไปแก้ตรงไหน
เพราะผมแก้ไปแก้มาปัญหาเหลือนิดเดียวคือ
เมื่อกดรูปที่ Lightbox มันทำงานปกติ
แต่ไปกดที่รูปของ slideshow (script2) มันกลับไม่ทำงานอ่าครับ น่าจะเป็นที่ <a> ซึ่งมีการเรียกใช้ที่ซ้ำซ้อนกัน(รึป่าว)ตอนนี้แก้ไม่ถูกแล้ว
//--------------------อันนี้เรียก lightbox ---------------------//
<div id="qr1"><a href="Image/iphone.png" rel="lightbox" id="lb"><img src="Image/iphone.png" width="80" height="80" alt="" /></a></div>
//-------------------อันนี้เรียก slideshow ---------------------//
<UL>
<LI class="menuItem"><A href="http://www.108live.com"><img src="image2/App iPhone/icon/appiphone1.PNG" width="36" height="54" /></A></LI>
<LI class="menuItem"><A href="http://www.108live.com"><img src="image2/App iPhone/icon/appiphone2.PNG" width="36" height="54" /></A></LI>
<LI class="menuItem"><A href="http://www.108live.com"><img src="image2/App iPhone/icon/appiphone3.PNG" width="36" height="54" /></A></LI>
<LI class="menuItem"><A href="http://www.108live.com"><img src="image2/App iPhone/icon/appiphone4.PNG" width="36" height="54" /></A></LI>
<LI class="menuItem"><A href="http://www.108live.com"><img src="image2/App iPhone/icon/appiphone5.PNG" width="36" height="54" /></A></LI>
<LI class="menuItem"><A href="http://www.108live.com"><img src="image2/App iPhone/icon/appiphone6.PNG" width="36" height="54" /></A></LI>
<LI class="menuItem"><A href="http://www.108live.com"><img src="image2/App iPhone/icon/appiphone7.PNG" width="36" height="54" /></A></LI>
</UL>
|
| |
|
|
| |
| Date :
2011-12-28 08:57:43 |
By :
tenichi |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
<script type="text/javascript">
jQuery.noConflict();
// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
jQuery("div").hide();
});
// Use Prototype with $(...), etc.
$('someid').hide();
</script>
มันใช้ยังไงกับโค้ดของผมเหรอครับเหรอครับ
|
| |
|
|
| |
| Date :
2011-12-28 10:19:32 |
By :
tenichi |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
http://api.jquery.com/jQuery.noConflict/
|
| |
|
|
| |
| Date :
2011-12-28 11:19:10 |
By :
evanesscaz |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
<link rel="stylesheet" type="text/css" href="css/demo2.css" media="screen" />
<SCRIPT type="text/javascript" src="js/jquery.min.js"></SCRIPT>
<SCRIPT type="text/javascript" src="js/script2.js"></SCRIPT>
<link href="css/108livep2.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/css2.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">
jQuery(function(){
jQuery('#drop li').mouseenter(function(){
jQuery(this).find('ul').css("display","block");
}).mouseleave(function(){
jQuery(this).find('ul').css("display","none");
})
});
</script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/js/prototype.js" type="text/javascript"></script>
<script src="js/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/js/lightbox.js" type="text/javascript"></script>
แล้วของผมจะปรับใช้ยังไงดี มันมีตั้ง 3 ชุดอ่าครับ
|
| |
|
|
| |
| Date :
2011-12-28 14:03:35 |
By :
tenichi |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมมี trick ง่ายๆ ใช้แก้ปัญหานี้ เลือกเหยื่อมาซักอัน จะ lightbox หรือ slideslow ก็ได้ ทำการ replace เครื่องหมาย $ ให้หมด
เริ่มจาก
$$$ replace to $$$$
$$ replace to $$$
$ replace to $$
replace โดยการเพิ่มจำนวนให้มัน ต้อง replace ทุกไฟล์ใน script นั้นๆนะครับ รวมถึงวิธีการเรียกใช้ด้วย
วิธีนี้ผมคิดเอง เอาไปใช้กันได้ครับ แก้ได้ไวมาก อาจจะมีคนอื่นคิดได้เหมือนกันมั้งครับ
|
| |
|
|
| |
| Date :
2011-12-28 17:35:00 |
By :
kerb |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณ พี่ Guide คร๊าฟฟฟฟผม สำหรับคำแนะนำดีดี
|
| |
|
|
| |
| Date :
2011-12-29 10:07:43 |
By :
tenichi |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
