ขอวิธีแสดงภาพวินาทีละภาพหน่อยครับ HomeForumขอวิธีแสดงภาพวินาทีละภาพหน่อยครับ จอน ต้องการแสดงภาพ วินาทีละภาพครับ โดยแสดงแบบไหนก็ได้ แต่ว่า พอวินาทีหรือกี่วินาทีก็ได้ แสดงภาพที่ 1 วินาทีถัดไปแสดงภาพที่ 2 รบกวนหน่อยครับ ขอบคุณล่วงหน้านะครับ กรกฎ วิริยะ Javascript ประมาณนี้ <script type="text/javascript>" var pics = new Array( 'pic1.jpg' , 'pic2.jpg' .... ); // เตรียมรูปภาพใน array var index = 0; var show = function() { document.getElementById( 'img_id' ).src = pics[index]; // แสดงรูปใน img_id (tag img) index++; // รูปถัดไป index = index < pics.length ? index + 1 : 0; // ถึงรูปสุดท้าย กลับไปเรื่มใหม่ window.setTimeout( show , 1000 ); // จับเวลาแสดงรูปต่อไป } </script> อ้อน ขอบพระคุณหลายๆครับบบบบบบบบบบบบบบบบบบบบ อ้อน เอ่อ...ท่านอาจารย์ครับ แล้วจะนำไปใช้ยังไงอ่ะครับ คือผมเอาไปวางแล้วมันไม่ขึ้นอ่ะครับ ช่วนแนะอีกนิดหนึ่งนะครับ ขอบคุณครับ กรกฎ วิริยะ <img src="" id="img_id" alt="preview" /> <script type="text/javascript"> var pics = new Array( 'pic1.jpg' , 'pic2.jpg' .... ); // เตรียมรูปภาพใน array var index = 0; var show = function() { document.getElementById( 'img_id' ).src = pics[index]; // แสดงรูปใน img_id (tag img) index++; // รูปถัดไป index = index < pics.length ? index : 0; // ถึงรูปสุดท้าย กลับไปเรื่มใหม่ window.setTimeout( show , 1000 ); // จับเวลาแสดงรูปต่อไป } show(); // แสดงครั้งแรก </script> อ้อน ได้แล้วครับ ขอบคุณหลายๆเด้อ ความคิดเห็น รายละเอียด ไฟล์อัปโหลด ชนิด jpg, jpeg ขนาดไฟล์ไม่เกิน 2M ส่งความคิดเห็น
<script type="text/javascript>"
var pics = new Array( 'pic1.jpg' , 'pic2.jpg' .... ); // เตรียมรูปภาพใน array
var index = 0;
var show = function()
{
document.getElementById( 'img_id' ).src = pics[index]; // แสดงรูปใน img_id (tag img)
index++; // รูปถัดไป
index = index < pics.length ? index + 1 : 0; // ถึงรูปสุดท้าย กลับไปเรื่มใหม่
window.setTimeout( show , 1000 ); // จับเวลาแสดงรูปต่อไป
}
</script>
ขอบพระคุณหลายๆครับบบบบบบบบบบบบบบบบบบบบ
เอ่อ...ท่านอาจารย์ครับ แล้วจะนำไปใช้ยังไงอ่ะครับ คือผมเอาไปวางแล้วมันไม่ขึ้นอ่ะครับ ช่วนแนะอีกนิดหนึ่งนะครับ ขอบคุณครับ
<script type="text/javascript">
var pics = new Array( 'pic1.jpg' , 'pic2.jpg' .... ); // เตรียมรูปภาพใน array
var index = 0;
var show = function()
{
document.getElementById( 'img_id' ).src = pics[index]; // แสดงรูปใน img_id (tag img)
index++; // รูปถัดไป
index = index < pics.length ? index : 0; // ถึงรูปสุดท้าย กลับไปเรื่มใหม่
window.setTimeout( show , 1000 ); // จับเวลาแสดงรูปต่อไป
}
show(); // แสดงครั้งแรก
</script>
ได้แล้วครับ ขอบคุณหลายๆเด้อ