Pokaz slajdów

2011-02-26 19:10:47 Post #1 gość_Jaro

 
Co należy zmienić w poniższym kodzie, aby zdjęcia zmieniały się płynnie?

<script language="javascript">
/*

*/

var delay=3000 //set delay in miliseconds
var curindex=5
var randomimages=new Array()
randomimages[0]="01.jpg"

randomimages[1]="02.jpg"

randomimages[2]="03.jpg"

randomimages[3]="04.jpg"
var preload=new Array()
for (n=0;n<randomimages.length;n++)
{
preload[n]=new Image()
preload[n].src=randomimages[n]
}
document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]
+'">')
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)
</script>

2011-02-27 09:34:10 Post #2 nospor

 
Co znaczy "płynnie"?
Szybciej?
To zmień czas w tym miejscu na mniejszy:
var delay=3000

2011-02-27 14:04:24 Post #3 gość_Jaro

 
Chodzi o efekt "miękkiego" przejścia pomiędzy zdjęciami (nie o czas) - tak jak np. na tej stronie:
http://mazurycudnatury.org/

2011-02-28 07:10:43 Post #4 nospor

 
No to musiałbyś jedno zdjęcie chować powoli i zaraz potem pokazywać powoli kolejne.
Bardzo łatwo robi się to przy pomocy jquery.

Ale ściągnął byś lepiej jakiś plugin do jquery, który robi to co chcesz i wiele więcej.
Jest tego masa w necie
szukaj pod hasłem jquery slideshow

Odpowiedz