Diasarjana kuvaesitys

Löytyyköhän PowerPointista tällainen random-ominaisuus. Haulla JavaScript random pictures saattaa löytyä simppeli skripti, jossa ei paljon ohjelmointitaitoja tarvita.

Tuossa simppeli skripti. Hieman ohjeita mukana. Muita vastaavia löytyy "javascript slideshow"
----------------------------------------


Slideshow






/*
Source: http://www.sourcecodesworld.com/showScriptAuthorSite.asp?ScriptId=6199
Random image slideshow- By Tyler Clarke ([email protected])
For this script and more, visit http://www.javascriptkit.com

Kopioi html-tagien välinen osuus tekstieditorille (notepad, editpad tms) ja tallenna kopioitu teksti (sivu) esimerkiksi nimellä slideshow.html sopivaan hakemistoon, jonka nimi on esimerkiksi Slideshow.

MUUTOKSET (käytä tekstieditoria)

Kuvan näyttöaika: muuta tarvittaessa riviä var delay=10*1000, jossa 60*1000 on 1 minuutti, 30*1000 on 30 sekuntia 15*1000 on 15 sekuntia jne.
Kuvien sijoittaminen: lataat näytettävät kuvat samaan hakemistoon, jossa on sivu slideshow.html.
Kuvien koko: Vaakakuvien sopiva koko voisi olla pisin sivu 1200 px, pystykuvien vähemmän.
Kuvien nimeäminen: Käytä alkuperäisiä nimiä (ilman ääkkösiä) tai numeroi ne uudestaan 1.jpg, 2.jpg, 3.jpg jne.
Kuvien lataus slideshowssa: Tee randomimages[0]="1.jpg" kaltaisia rivejä niin paljon kuin hakemistossa on kuvia. randomimages-indeksi alkaa arvosta 0 ja kasvaa yhdellä niin paljon kuin kuvia on.
*/

var delay=10*1000 //set delay in miliseconds
var curindex=0

var randomimages=new Array()

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

var preload=new Array()

for (n=0;n')

function rotateimage()
{

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

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

setInterval("rotateimage()",delay)



This free script provided by
JavaScript
Kit
-->