<head> <link rel="stylesheet" type="text/css" href="css_home.css"> <link rel="stylesheet" type="text/css" href="css_slider.css"> <script src="easySlider1.7.js"></script> <script src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#slider").easySlider({ auto: true, continuous: true }); }); </script> </head> <body> <div id="side"> <div id="slider"> <ul> <li><a href="#"><img src="01.jpg"/></a></li> <li><a href="#"><img src="02.jpg"/></a></li> <li><a href="#"><img src="03.jpg"/></a></li> </ul> </div> </div> </body> --------------------------------- css_home #side{ width:700px; height:300px; float:left;} ปล. ถ้าเอา float ออกมันแสดงปกติคับ แต่ผมใช้ float ในการแบ่งหน้า --------------------------------- css_slider #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none;} #slider2{margin-top:1em;} #slider li, #slider2 li{ width:700px; height:300px; overflow:hidden;}
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
จัดไป
