+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: 4 zmieniające się obrazki (/thread-4-zmieniajace-sie-obrazki)
4 zmieniające się obrazki - apostrof - 10-08-2009
Witam
Chce aby po lewej stronie pojawialy mi sie jeden pod drugim 4 obrazki zmieniajace sie powiedzmy co 3 sekundy. Znalazlam w internecie taki kod :
Kod:
<script language="javascript">
var delay=2000 //set delay in miliseconds
var curindex=0
var randomimages=new Array()
randomimages[0]="1.jpg"
randomimages[1]="5.jpg"
randomimages[2]="2.jpg"
randomimages[3]="4.jpg"
randomimages[4]="3.jpg"
randomimages[5]="6.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>
<br /></p>Dziala super ale przy jednym obrazku
Po wklejeniu go 4 razy otrzymuje taki efekt ze pierwszy obrazek mi sie zmienia a pozostale 3 juz nie. Domyslam sie ze chodzi o uzycie tej samej zmiennej, ale co cos probuje zmienic to jest coraz gorzej. Dziekuje za pomoc.
RE: 4 zmieniające się obrazki - Kartofelek - 10-08-2009
w linijce
document.write('<img name="defaultimage" src="'+ ......
podajesz nazwe obrazka, z ktorej korzystasz potem tutaj
document.images.defaultimage.src....
Najprosciej zmien w kazdym skrypcie po prostu ta nazwe. Nie jest to najlepsze rozwiazanie ale chyba najlatwiejsze dla ciebie.
RE: 4 zmieniające się obrazki - apostrof - 10-08-2009
Nie wiem czy dobrze zrozumialam ale zamienilam to co napisales na document.write('<img name="apostrof" src="'+ ......
oraz
document.images.apostrof.src.... czy to o to chodzilo ?
Mam teraz 4 rozne nazwy ale efekt jest taki ze zmienia mi sie tylko jeden rysunek tym razem czwarty