ฃ่วยหน่อยครับ 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"> <!-- 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> <!-- popup รูป-->
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"> <!-- CSS จัดกรอบให้อยู่ตรงกลาง-->
<div class="main" > <!-- CSS กรอบหลัก-->
<div class="mainmenu"><!-- CSS ลิ้งเมนูหลัก-->
<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><!-- CSS ลิ้งเมนูหลัก-->
<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"> <!-- css 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><!-- css content เนื้อหาหลัก-->
<div class="footer"><!-- css footer-->
<hr width="85%" />
:: www.sqiwax.com. :: Copyright @ 2013 SQIWAX. All rights reserved
<hr width="85%"/>
</div><!-- css footer-->
</div> <!-- CSS กรอบหลัก-->
</div><!-- CSS จัดกรอบให้อยู่ตรงกลาง-->
</body>
</html>
ฃ่วยหน่อยครับ jquery ใส่ 3 ตัวละดีกันมั่วเลย
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
1. <link rel="stylesheet" href="css/main.css"type="text/css"> <!-- 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> <!-- popup รูป-->
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"> <!-- CSS จัดกรอบให้อยู่ตรงกลาง-->
<div class="main" > <!-- CSS กรอบหลัก-->
<div class="mainmenu"><!-- CSS ลิ้งเมนูหลัก-->
<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><!-- CSS ลิ้งเมนูหลัก-->
<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"> <!-- css 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><!-- css content เนื้อหาหลัก-->
<div class="footer"><!-- css footer-->
<hr width="85%" />
:: www.sqiwax.com. :: Copyright @ 2013 SQIWAX. All rights reserved
<hr width="85%"/>
</div><!-- css footer-->
</div> <!-- CSS กรอบหลัก-->
</div><!-- CSS จัดกรอบให้อยู่ตรงกลาง-->
</body>
</html>