این قسمت رو داخل کد <head> بنویس :
<script language="JavaScript">
var theImages = new Array()
theImages[0] = 'image/head/head-1.jpg'
theImages[1] = 'image/head/head-2.jpg'
theImages[2] = 'image/head/head-3.jpg'
theImages[3] = 'image/head/head-4.jpg'
theImages[4] = 'image/head/head-5.jpg'
theImages[5] = 'image/head/head-6.jpg'
theImages[6] = 'image/head/head-7.jpg'
theImages[7] = 'image/head/head-8.jpg'
theImages[8] = 'image/head/head-9.jpg'
var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}
</script>
بعد داخل <body> و جایی که می خوای عکس نشون بده این رو بنویس:
<script language="JavaScript">
showImage();
</script>
نمونه این کار رو هم میتونی تویه سایت
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
زمین ببینی
در این سایت با هربار refresh صفحات banner سایت تغییر پیدا میکنه
.