نمایش یک تصویر به صورت اتفاقی

​

در صورت وجود منبع بزرگی از تصاویر در صفحه, میتوان از یک تصویر بفرم اتفاقی استفاده کرد.


[TABLE]
[TR]
[TD="bgcolor: transparent, colspan: 2"] برای نمایش یک تصویر بصورت اتفاقی
[/TD]
[/TR]
[TR]
[TD="width: 100%, bgcolor: transparent"]

myPix=newArray
(”images/test1.gif”,”images/test2.gif”,
“images/test3.gif”)​

[/TD]
[TD="bgcolor: transparent"] 1.
[/TD]
[/TR]
[TR]
[TD="width: 100%, bgcolor: transparent"] بدین وسیله یک ارائه ۳ عضوء با نام myPix ایجاد میشود.
[/TD]
[/TR]
[TR]
[TD="width: 100%, bgcolor: transparent"]

imgCt=myPix.Length​

[/TD]
[TD="bgcolor: transparent"] 2.
[/TD]
[/TR]
[TR]
[TD="width: 100%, bgcolor: transparent"] تعداد ارقام موجود در آرایه myPix برابر با مقدار متغییر imgCt میگردد.
[/TD]
[/TR]
[TR]
[TD="width: 100%, bgcolor: transparent"]

function choosepic(){​

[/TD]
[TD="bgcolor: transparent"] 3.
[/TD]
[/TR]
[TR]
[TD="width: 100%, bgcolor: transparent"] تابع choosepic()sتعریف میگردد.
[/TD]
[/TR]
[TR]
[TD="width: 100%, bgcolor: transparent"]

if(document.images) {
randomNum = Math.floor
((Math.random()*imgCt))​

[/TD]
[TD="bgcolor: transparent"] 4.
[/TD]
[/TR]
[TR]
[TD="width: 100%, bgcolor: transparent"] در صورتی که سند بتواند تصاویر را به نمایش درآورد, متغیری بنام randomNum ایجاد شده که در نتیجه ارزشی عبارت ریاضی را دریافت میکند. و اما عبارت Math.random()sیک عدد اتفاقی بین صفر و بک ایجاد نموده و سپس با متغییر imgCt ضرب میکند. در ضمن بدلیل گردکردن نتیجه عددی, عدد بایستی بین صفر و دو باشد.
[/TD]
[/TR]
[TR]
[TD="width: 100%, bgcolor: transparent"]

document.myPicture.src= myPix[randomNum]​

[/TD]
[TD="bgcolor: transparent"] 5.
[/TD]
[/TR]
[TR]
[TD="width: 100%, bgcolor: transparent"] بدین صورت مبدا تصویر myPicture در متغییر myPix بوده که در این حالت ارزش مقداری آن وابسته به مقدار random Num میباشد.
[/TD]
[/TR]
[TR]
[TD="width: 100%, bgcolor: transparent"]

onload = “choosePic()”​

[/TD]
[TD="bgcolor: transparent"] 6.
[/TD]
[/TR]
[TR]
[TD="width: 100%, bgcolor: transparent"] با استفاده از دستور onLoad تابع choosePic آغاز میشود.
[/TD]
[/TR]
[TR]
[TD="width: 100%, bgcolor: transparent"]

<img src=”images/test1.gif” name=”myPicture”>​

[/TD]
[TD="bgcolor: transparent"] 7.
[/TD]
[/TR]
[TR]
[TD="width: 100%, bgcolor: transparent"] در این قسمت نام تصویر myPicture نامگذاری شده و سپس از آن در تغییر تصویر توسط اسکریپت استفاده میشود.
[/TD]
[/TR]
[/TABLE]



[TABLE="width: 500, align: center"]
[TR]
[TD]<html>
<head>
<script language=”javascript” type=”text/javascript”> myPix = new Array(”images/test1.gif”,”images/test2.gif”,”images/test3.gif”)
imgCt = myPix.length
function choosePic() {
if(document.images){
randomNum = Math.floor((Math.random()*imgCt))
document.myPicture.src = myPix[randomNum]
}
}
</script>
</head>
<body onload=”choosePic()”>
<h1>
<img src=”images/test1.gif” name=”myPicture”>
</h1>
</body>
</html>

[/TD]
[/TR]
[/TABLE]