ใครเคยใช้ http://www.malsup.com/jquery/cycle/ ช่วยสอนวิธีทำหน่อยนะคะ...
โหลดมาแล้ว ใช่ไม่เปงอ่ะ
Date :
2010-02-07 00:09:07By :
unzeen
Date :
2010-02-07 00:14:46By :
unzeen
ตอนนี้เมล์เป็นความลับไปแล้วครับ อิๆ <div id="nav"></div>
<div id="slide" class="pics">
<img width="200" height="150" src="03.jpg" alt="333" />
<img width="200" height="150" src="04.jpg" alt="444" />
<img width="200" height="150" src="05.jpg" alt="555" />
<img width="200" height="150" src="09.jpg" alt="999" />
</div>
<a id="prev-button" href="#">prev</a>
<a id="next-button" href="#">next</a>
<br />
<br />
$(function(){
$('#slide').cycle({ //สังเกตว่าจะเอาชื่อ id ของ div (id=slide) ที่ข้างในมี tag img มาใส่ที่นี่
fx: 'scrollHorz', //ชื่อ effect เปลี่ยนเป็นไรได้ดูที่ลิงค์ที่ให้ไปครับ
pager: '#nav', //id ของ element ที่ต้องการให้แสดง ลิงค์เปลี่ยนรูป (จากข้างบนคือ<div id="nav"></div>)
pagerEvent: 'mouseover', //event ที่ใช้ในการเปลี่ยนรูป อาจจะเปลี่ยนเป็น 'click'
easeIn: 'bouncein', //effect ยืดหยุ่นเพิ่มเข้าไปจาก effect หลัก fx (effect ตอนเริ่มเปลี่ยนรูป)
easeOut: 'easeout', //effect ยืดหยุ่นเพิ่มเข้าไปจาก effect หลัก fx (effect ตอนกำลังจะเปลี่ยนรูปเสร็จ)
prev: '#prev-button', //id ของ element ที่ต้องการใช้ใช้เป็นปุ่มเปลี่ยนรูป
next: '#next-button', //id ของ element ที่ต้องการใช้ใช้เป็นปุ่มเปลี่ยนรูป
speed: 1000, //ความเร็วในการเปลี่ยนรูป
pause: 1 //อนุญาติให้หยุด effect เมื่อเมาส์ชี้ที่รูป (ตั้งเป็น 0 เมื่อไม่ต้องการให้หยุด effect)
// ดู option อื่นๆ ได้จากลิงค์ที่ให้ไว้ครับ
});
});
Date :
2010-02-07 00:37:18By :
num
ถามด้วยคน จะดึงรูปจากฐานข้อมูลมาแสดงในสไลด ทำไงอ่ะ
Date :
2010-02-07 19:03:24By :
popoposw
Date :
2010-02-07 23:25:45By :
gofgof
แก้ตรงส่วน html ครับ id="nav"></div>
<div id="slide" class="pics">
<img width="200" height="150" src="03.jpg" alt="333" />
<?php
mysql_connect('localhost','root','12345');
mysql_select_db('test');
$r = mysql_query("SELECT * FROM tb_imgs");
while($row = mysql_fetch_assoc($r)){
echo '<img src="upload_files/',$row['image_name'],'">';
}
?>
</div>
<a id="prev-button" href="#">prev</a>
<a id="next-button" href="#">next</a>
<br />
<br />
Date :
2010-02-08 09:31:07By :
num
อ๋อสงสัยจะบล้อกไว้ครับ
Date :
2010-02-08 17:44:45By :
num
Code (PHP) $r = mysql_query("SELECT b.img_file,a.adv_id, a.adv_name, a.show_date FROM advertises AS a LEFT OUTER JOIN images AS b ON a.adv_id = b.adv_id WHERE a.adv_type = 'S' AND a.show_flag = '1' AND zone = 'Top' GROUP BY a.adv_id HAVING DATEDIFF(CURDATE(),a.show_date) <= 7 AND (MAX(b.img_id) OR b.img_file IS NULL)");
while($rows = mysql_fetch_assoc($r)){
echo '<img src="advertise/uploads/',$rows["img_file"],'">';
} ?>
</div>
<a id="prev-button" href="#">prev</a>
<a id="next-button" href="#">next</a>
Date :
2010-02-08 20:18:27By :
popoposw
ทำไงคะ
Date :
2010-02-08 22:14:16By :
unzeen
พี่หนุ่ม มาตอบหน่อย หรือใครก้อได้
Date :
2010-02-08 22:26:22By :
popoposw
ได้แล้ว จบสิ้นแล้ว 555
Date :
2010-02-08 22:33:50By :
popoposw
ปิดกระทู้
Date :
2010-02-08 22:35:13By :
unzeen
Server 02
Load balance : Server 02
นั้นดิ อยากทราบเหมือนกัน
Quote:
ดีใจด้วยนะคับ ท่าให้ดีน่าจะเอามาแบ่งปันกันนะคับ ท่านอื่นจะได้ทราบว่าทำยัง
