[custom code] สลับภาพหัวบล็อก
posted on 11 Jun 2008 19:27 by oatato in BlogDesignเปลี่ยนภาพไปตามเวลาที่กำหนด แบบเรียงตามลำดับจากภาพแรกไปภาพสุดท้าย
วิธีใช้:
สำหรับปรับแต่งบล็อก ห้ามรับประทาน
วันที่ผลิต:
11 มิ.ย. 51
/* ตำแหน่งของไฟล์รูปต่าง ๆ */
var folder = 'http://yourblog.exteen.com/images/banner/';
/* เลือกไฟล์รูปที่จะนำมาแสดง กี่ภาพก็ได้ */
var banner = new Array('picture1.jpg','picture2.jpg','picture3.jpg','picture4.jpg');
/* เวลาเปลี่ยนภาพ แต่ละครั้ง หน่วยเป็นวินาที */
var interval = 10;
/* ลำดับที่ของภาพที่ต้องการให้เริ่มแสดงก่อน ตำแหน่งแรกสุดคือ 0 */
var i = 0;
function activateChange()
{
document.getElementById('coverimage').style.background = 'url(' + folder+banner[i] + ') top no-repeat';
tmer = setTimeout('activateChange()',interval*1000);
if (i == banner.length-1) { i = 0; }
else { i += 1; }
}
window.onload = activateChange();
< /script>
. . .
ลักษณะการทำงาน:
เปลี่ยนภาพไปตามเวลาที่กำหนด แบบสุ่มดักเป็ด
วิธีใช้:
สำหรับปรับแต่งบล็อก ห้ามรับประทานเช่นเดียวกัน
วันที่ผลิต:
11 มิ.ย. 51
/* ตำแหน่งของไฟล์รูปต่าง ๆ */
var folder = 'http://yourblog.exteen.com/images/banner/';
/* เลือกไฟล์รูปที่จะนำมาแสดง กี่ภาพก็ได้ */
var banner = new Array('picture1.jpg','picture2.jpg','picture3.jpg','picture4.jpg');
/* เวลาเปลี่ยนภาพ แต่ละครั้ง หน่วยเป็นวินาที */
var interval = 10;
function activateChange()
{
today = new Date();
rand = today.getSeconds()+today.getMinutes();
var i = rand%(banner.length);
document.getElementById('coverimage').style.background = 'url(' + folder+banner[i] + ') top no-repeat';
tmer = setTimeout('activateChange()',interval*1000);
}
window.onload = activateChange();
< /script>
หมายเหตุ:
- ปรับแต่งเฉพาะตรงที่เป็น สีส้ม หรือ สีฟ้า ส่วนอื่นที่เหลือไม่ต้องทำอะไีีร แปะใช้ได้เลย
- ให้ลบช่องระหว่างคำว่า < script และ < /script ก่อนเอาโค้ดไปใช้จริงด้วยนะครับ
#1 By ตุ้มเป๊ะ on 2008-06-11 20:38