<? include "connect.php"; $sql2="select * from tb_product order by p_id "; $query=mysql_query($sql2); $result2=mysql_fetch_array($query); $id=$result2['p_id']; $img=$result2['p_images']; ?> <div class="scrollable"> <div class="items"> <div><img src="backshop/images_product/<?=$img?>" width="150" height="150" /></div> <div><img src="backshop/images_product/<?=$img?>" width="150" height="150" /></div> <div><img src="backshop/images_product/<?=$img?>" width="150" height="150" /></div> <div><img src="backshop/images_product/<?=$img?>" width="150" height="150" /></div> <div><img src="backshop/images_product/<?=$img?>" width="150" height="150"/></div> <div><img src="backshop/images_product/<?=$img?>" width="150" height="150"/></div> <div><img src="backshop/images_product/<?=$img?>" width="150" height="150" /></div> </div> </div> <script type="text/javascript"> // Javascript ที่ต้องการ $(function() { // ทำให้ id scrollable สั่งให้มีการ slide $("div.scrollable").scrollable({ // เลื่อนอัตโนมัติภายใน 2 วินาที interval: 2000, // สั่งให้วนลูปอัตโนมัติ loop: true, // ทำให้ animation มีการหน่วงเล็กน้อย 0.6 วินาที speed: 600, // ก่อนเริ่ม slide ทำให้ไอเทมมีการ tranparency เล็กน้อย onBeforeSeek: function() { this.getItems().fadeTo(300, 0.2); }, // หลังเื่ลื่อนสไลด์ ทำให้ไอเทมมีการ tranparency เล็กน้อย onSeek: function() { this.getItems().fadeTo(300, 1); } }); }); </script>
06. $sql2="select * from tb_product order by p_id "; 07. $query=mysql_query($sql2); 08. $result2=mysql_fetch_array($query); 09. 10. $id=$result2['p_id']; 11. $img=$result2['p_images'];
for($i=0;$i<count($id);$i++){
$sql2="select * from tb_product order by p_id "; $query=mysql_query($sql2); $result2=mysql_fetch_assoc($query); $num = mysql_num_rows($query); do { $id=$result2['p_id']; $img=$result2['p_images']; echo $id; echo $img; } while ($result2 = mysql_fetch_assoc($query));
<div class="scrollable"> <div class="items"> <div><img src="backshop/images_product/<?=$img?>" width="150" height="150" /></div> <div><img src="backshop/images_product/<?=$img?>" width="150" height="150" /></div> <div><img src="backshop/images_product/<?=$img?>" width="150" height="150" /></div> <div><img src="backshop/images_product/<?=$img?>" width="150" height="150" /></div> 21. <div><img src="backshop/images_product/<?=$img?>" width="150" height="150"/></div> <div><img src="backshop/images_product/<?=$img?>" width="150" height="150"/></div> <div><img src="backshop/images_product/<?=$img?>" width="150" height="150" /></div> </div> </div>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
