PDA

View Full Version : Share Block Random Photo



kute9xpro.com
13-09-2009, 12:15 PM
Đây là một module với hiệu ứng javascript tạo 1 slide show ảnh random giúp trang trí blog của bạn thêm đẹp.
Bạn có thể xem demo tại blog: http://kute9xpro.com
Tên khối : Random Photo
Mô tả khối: Random Photo
Kích họat ngay? : Yes
Ẩn giấu: Không chọn gì
Chữ lên dòng: Random Photo
Mặc định mở?: Mở cột này
Nội dung cột: ( chèn đoạn code dưới vào)

<center>
<script language="javascript">

var delay=6000 // thời gian hiện ảnh 6000 = 6 giây , bạn có thể thay đổi cho phù hợp
var curindex=0

var randomimages=new Array()

randomimages[0]="anh/1.jpg"
randomimages[1]="anh/2.jpg"
randomimages[2]="anh/3.jpg"
randomimages[3]="anh/4.jpg"
randomimages[4]="anh/5.jpg"


var preload=new Array()

for (n=0;n<randomimages.length;n++)
{
preload[n]=new Image()
preload[n].src=randomimages[n]
}

document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'" width="150" height="150"></a>')

function rotateimage()
{

if (curindex==(tempindex=Math.floor(Math.random()*(ra ndomimages.length)))){
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex

document.images.defaultimage.src=randomimages[curindex]
}

setInterval("rotateimage()",delay)

</script></center>
Bạn cần tạo 1 thư mục ngang hàng với index.php sau đó upload ảnh lên thư mục đó.
và thay đường dẫn vào đoạn này của code phía trên

randomimages[0]="anh/1.jpg"
randomimages[1]="anh/2.jpg"
randomimages[2]="anh/3.jpg"
randomimages[3]="anh/4.jpg"
randomimages[4]="anh/5.jpg"
Chúc Bạn có 1 trang Blog thật đẹp

duchienan
13-09-2009, 12:25 PM
mình cũng đang dùng mod này. hiệu quả mà đơn giản.

bratsadlove
01-04-2010, 01:52 PM
http://bratsadlove.oni.cc/bratsadlove.php có hay bằng file php này của mình hem nhỉ
mún xem thì vào blog http://bratsadlove.oni.cc