Библиотека Javascript. SE@RCHER

смотреть оглавление

примерразмер кода

<HTML>

<HEAD>

<TITLE>Автозамена фото с анимационным эффектом с показом номера фото</TITLE>

<!--

// realise by apachejeff

// www.huntingground.freeserve.co.uk

images = [

"00001.jpg","00002.jpg","00003.jpg","00004.jpg","00005.jpg",

"00006.jpg","00007.jpg","00008.jpg","00009.jpg","00010.jpg",

"00011.jpg","00012.jpg","00013.jpg","00014.jpg","00015.jpg",

"00016.jpg","00017.jpg","00018.jpg"

]

moz=document.getElementById&&!document.all

var preloadYourImages=new Array() // preloads images

for (i=0;i<images.length;i++) {

preloadYourImages[i]=new Image()

preloadYourImages[i].src=images[i]

}

how_many=images.length

Numbers_Range=new Array() // array to hold numbers to select from.

function init(){

document.getElementById("display").innerHTML=""

for(n=0;n<images.length;n++){ // create list of numbers to choose from

Numbers_Range[n]=n

}

show_pic()

}

num=0

function show_pic(){

num++

if(!moz){mypic.filters.blendTrans.Apply()}

rndnum=Math.floor(Math.random()*Numbers_Range.length)

Chosen_Number=Numbers_Range.splice(rndnum,1) // select and remove selected number from array

document.mypic.src=images[Chosen_Number]

timer=setTimeout("show_pic()",3000)

if(!moz){mypic.filters.blendTrans.Play(2)}

document.getElementById("display").innerHTML+=Chosen_Number+", "

if(num==how_many){

clearTimeout(timer)

num=0

setTimeout("init()",3000)

}

// add onload="init()" to the opening BODY tag

// -->

</script>

</HEAD>

<h1><span>Random Image - Scroll</span></h1>

Display a randomly selected image from a number of images.<br>

Once an image has been shown it will not be selected again until all the images have be displayed.

<P>The current sequence of the 18 images selected from an array of 18 images is as follows:

<P>Notice that the same number is never selected twice.<br>

Once all the images have been displayed the script is reset and a new random selection beings.

<P>You can also select to show a set number of randomly chosen images by changing <b>images.length</b> at the line <b>how_many=images.length</b>  to the number required.<br>

So if you want to show 6 out of 18 then <b>how_many=6</b><br>

The script will now show a  randomly selected 6 images at random.<br>

Please note that this number cannot be greater than the images contained in the array.

<P>

<pre>

<HTML>

<HEAD>

<TITLE>Random Images</TITLE>

<!--

// realise by apachejeff

// www.huntingground.freeserve.co.uk

images = ["pic01.jpg","pic02.jpg","pic03.jpg","pic04.jpg","pic05.jpg","pic06.jpg"]

var preloadYourImages=new Array() // preloads images

for (i=0;i<images.length;i++) {

preloadYourImages[i]=new Image()

preloadYourImages[i].src=images[i]

}

how_many=images.length

Numbers_Range=new Array() // array to hold numbers to select from.

function init(){

for(n=0;n<images.length;n++){ // create list of numbers to choose from

Numbers_Range[n]=n

}

show_pic()

}

num=0

function show_pic(){

num++

rndnum=Math.floor(Math.random()*Numbers_Range.length)

Chosen_Number=Numbers_Range.splice(rndnum,1) // select and remove selected number from array

document.mypic.src=images[Chosen_Number]

timer=setTimeout("show_pic()",3000)

if(num==how_many){

clearTimeout(timer)

num=0

setTimeout("init()",3000)

}

// add onload="init()" to the opening BODY tag

// -->

</script>

</HEAD>

<h1>Random Images</h1>

</BODY>

</HTML>

</pre>

</div>

</BODY>

</HTML>