ฃ่วยหน่อยครับ jquery ใส่ 3 ตัวละดีกันมั่วเลยครับ ต

kunnarakkup · 17 กันยายน 2014, 10:26:46

ฃ่วยหน่อยครับ jquery ใส่ 3 ตัวละดีกันมั่วเลยครับ ตอนนี้มันแสดงแค่ pop up รูป ผมต้องแก้ไงครับ หาข้อมูลดูเห็นว่าเป็นที่เวอร์ฃั่นของ jquery ไม่ตรงกัน แต่ผมไม่รู้จะแก้ยังไง

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
1. <link rel="stylesheet" href="css/main.css"type="text/css"> 

2. <link rel="stylesheet" href="css/craftyslide.css" />

3. <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

4. <link rel="stylesheet" type="text/css" href="css/styles.css" />

5. <script type="text/javascript" src="js/jquery.js"></script> 
6. <script type="text/javascript" src="js/sliding_effect.js"></script>

7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
8. <script src="js/craftyslide.min.js"></script>

9. <script src="js/prototype.js" type="text/javascript"></script> 
10. <script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
11. <script src="js/lightbox.js" type="text/javascript"></script>

</head>

<body>
<div align="center"> 

<div class="main" > 
<div class="mainmenu">
<ul >
<a href="index.php"><li><b>HOME</b></li></a>
<a href="about us.php"><li><b>ABOUT US</b></li></a>
<a href="application.php"><li><b>APPLICATION</b></li></a>
<a href="Exhibtions.php"> <li><b>EXHIBITIONS</b></li></a>
<a href="global connections.php"><li><b>GLOBAL CONNECTIONS</b></li></a>
<a href="contact us.php"><li><b>CONTACT US</b></li></a>
</ul>
</div>

<div class="slide-image">
<div id="slideshow">
<ul>
<li>

<img src="image/slider3.jpg" alt="" title="sqiwax" />
</li>

<li>
<img src="image/slider1.jpg" alt="" title="sqigroup" />
</li>

<li>
<img src="image/slider2.jpg" alt="" title="mellow" />
</li>

</ul>
</div>
<script>
$("#slideshow").craftyslide();
</script>
</div>
<div class="leftmenu">
<div id="navigation-block">

<ul id="sliding-navigation">
<li class="sliding-element"><h3 >PRODUCT</h3></li>
<li class="sliding-element"><a href="#">PE WAX</a></li>
<li class="sliding-element"><a href="#">PARAFFIN WAX</a></li>
<li class="sliding-element"><a href="#">MICRO WAX</a></li>
<li class="sliding-element"><a href="#">NATURAL WAX</a></li>
<li class="sliding-element"><a href="#">PETROLEUM JELLY</a></li>

<li class="sliding-element"><a href="#">OILS</a></li>
<li class="sliding-element"><a href="#">SPECIAL BLENDS</a></li>
<li class="sliding-element"><a href="#"> BOARD APPLICATION</a></li>
<li class="sliding-element"><a href="#"> CANDLE APPLICATION</a></li>
<li class="sliding-element"><a href="#"> COSMETIC APPLICATION</a></li>
<li class="sliding-element"><a href="#"> PLASTIC APPLICATION</a></li>
<li class="sliding-element"><a href="#"> RUBBER APPLICATION</a></li>
</ul>
</div>

</div>

<div class="content"> 
<div align="center">
<div class="image0">
<ul>
<li class="image1"><a href="image/thumb/for-candle.png" rel="lightbox[food]" title="For Candle"><img src="image/for-candle.png" alt=""/></a></li>
<li class="image2"><a href="image/thumb/for-plastic.png" rel="lightbox[food]" title=""><img src="image/for-plastic.png" alt="" /></a></li>
</ul>
</div>
<div class="image3">
<ul>
<li class="image4"><a href="image/thumb/for-rubber.png" rel="lightbox[food]" title=""><img src="image/for-rubber.png" alt="" /></a></li>
<li class="image5"><a href="image/thumb/for-stationery.png" rel="lightbox[food]" title=""><img src="image/for-stationery.png" alt="" /></a></li>
</ul>

</div>
</div>

</div>

<div class="footer">
<hr width="85%" />
:: www.sqiwax.com. :: Copyright @ 2013 SQIWAX. All rights reserved
<hr width="85%"/>
</div>

</div> 

</div>

</body>
</html>

ttong · 17 กันยายน 2014, 10:52:25

ผมว่าเพราะ jquery กับ prototype มันตีกันนะครับ เลือกใช้แค่ค่ายไหนค่ายหนึ่งดีกว่า

แล้วก็บรรทัดที่ 5 กับ 7 มีการเรียกใช้ jquery ซ้ำกัน ตัดออกอันนึงครับ

kunnarakkup · 17 กันยายน 2014, 11:11:19

อ้างถึงจาก: ttong ใน 17 กันยายน 2014, 10:52:25
ผมว่าเพราะ jquery กับ prototype มันตีกันนะครับ เลือกใช้แค่ค่ายไหนค่ายหนึ่งดีกว่า

แล้วก็บรรทัดที่ 5 กับ 7 มีการเรียกใช้ jquery ซ้ำกัน ตัดออกอันนึงครับ

ลองทำแล้วตัด บรรทัดที่ 5 กับ 7 ออก แล้วก็ตัดบรรทัด9 ออกแล้วที่นี้เหลือแต่รูปครับที่คลิกแล้วไม่ pop รูปขึ้นมา ผมต้องแก้ไงครับ ที่ไม่ขึ้นเพราะผมเอาบรรทัดที่9ออกใฃ่เปล่าอะ ผมว่าน่าจะใช่

Gunitrend · 17 กันยายน 2014, 11:17:10

ลอง jQuery.noConflict http://api.jquery.com/jquery.noconflict/

kunnarakkup · 17 กันยายน 2014, 11:40:55

พอเข้าใจละครับ พอลบ เฟมเวิก prototype ละใส่เป็น ของ jquery เหมือนอย่างที่คุณ ใส่การอ้างถึงคำพูด ttong ก็ซูมได้ครับ การทำงานไม่ชนกัน

scanfire · 17 กันยายน 2014, 12:12:37

เปลี่ยนเวอร์ชั่นเป็น 1.8.2 ดูหน่อยได้ไหมครับ

wasantec · 17 กันยายน 2014, 13:10:07

ข้อ7 น่าจะอยู่บน 5 6 ครับ ไม่ทราบว่า ข้อ5กับข้อ7 ตัวเดียวกันหรือป่าว มีเว็บไหมครับ เอาเป็นชื่อ jquery มาดูไม่ออก มันต้องเห็น jquery ด้วย

kunnarakkup · 17 กันยายน 2014, 13:31:10

อ้างถึงจาก: wasantec ใน 17 กันยายน 2014, 13:10:07
ข้อ7 น่าจะอยู่บน 5 6 ครับ ไม่ทราบว่า ข้อ5กับข้อ7 ตัวเดียวกันหรือป่าว มีเว็บไหมครับ เอาเป็นชื่อ jquery มาดูไม่ออก มันต้องเห็น jquery ด้วย

นี้ครับไฟล์ ข้อ 5 ผมก็ดูไม่เป็นอะครับ http://upload.siamza.com/1483448

kunnarakkup · 22 กันยายน 2014, 09:52:27

ขอบคุณสำหรับคำแนะนำนะครับ ตอนนี้ได้แล้ว แค่เอา responsives มาอยู่ข้างล่าง main.css เอง ^^