( تعداد نمایش : 1349 )

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

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

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

1.
بدین وسیله یک ارائه ۳ عضوء با نام myPix ایجاد میشود.

imgCt=myPix.Length

2.
تعداد ارقام موجود در آرایه myPix برابر با مقدار متغییر imgCt میگردد.

function choosepic(){

3.
تابع choosepic()s تعریف میگردد.

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

4.
در صورتی که سند بتواند تصاویر را به نمایش درآورد, متغیری بنام randomNum ایجاد شده که در نتیجه ارزشی عبارت ریاضی را دریافت میکند. و اما عبارت Math.random()s یک عدد اتفاقی بین صفر و بک ایجاد نموده و سپس با متغییر imgCt ضرب میکند. در ضمن بدلیل گردکردن نتیجه عددی, عدد بایستی بین صفر و دو باشد.

document.myPicture.src= myPix[randomNum]

5.
بدین صورت مبدا تصویر myPicture در متغییر myPix بوده که در این حالت ارزش مقداری آن وابسته به مقدار random Num میباشد.

onload = “choosePic()”

6.
با استفاده از دستور onLoad تابع choosePic آغاز میشود.

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

7.
در این قسمت نام تصویر myPicture نامگذاری شده و سپس از آن در تغییر تصویر توسط اسکریپت استفاده میشود.

<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>

دیدگاه خود را بیان کنید.

باید وارد سایت شده باشید برای دیدگاه دادن