webForumDet fria alternativet

Enkelt bildspel javascript

JavaScript

7 svar · 2 496 visningar · startad av nigge

Medlem sedan feb. 2002199 inlägg
Frågan#1

Hej!

Jag försöker göra ett enkelt bildspel med javascript...

Nu har jag så att man genom att klicka på en framåt och en bakåtknapp så växlar man fram och tillbaks genom ett bildgalleri.

Det jag nu vill göra är att ha en bildspelsknapp som varannan sekund byter bild...

Jag har metoder för "nextImage()" och previousImage()
som helt enkelt gör följande(nextImagemetoden visas):

currentImageIndex = (currentImageIndex + 1) % imageArr.length;	
return imageArr[currentImageIndex];

i htmlfilen har jag följande

<img src="images/forwardarrow.jpg" height="50" align="right" onmousedown="myPictures.src=nextImage();" /></p>

Där myPictures är id´t på bilden som skall ändras.

Min tanke är då att göra:

function autoChange() {
setTimeout("nextImage()",3000);
}

Där var 3dje sekund så körs nextImagemetoden och alltså borde bilden bytas.

Jag lyckas få ett alertmeddelande efter 3 sekunder, men får inte bilden att ändras. Detta har säkert att göra med att den inte vet VAD som skall bytas.

Någon som har förslag på hur detta kan göras?

/Niklas

Medlem sedan juni 20019 519 inlägg
#2

var din nextImage() gör är ju bara att retunera ett objekt (gissar en sträng), så autoChange() gör inget.

Medlem sedan feb. 2002199 inlägg
#3

Hej!

Ja jag vet, det är det som är problemet, jag lyckas inte komma på hur jag ska lösa det... Har du något förslag?

/Niklas

Medlem sedan juni 20019 519 inlägg
#4

Mitt tips är att göra om skriptet vad har du för värden i din array imageArr?

Medlem sedan feb. 2002199 inlägg
#5

Hej igen
till min array läggs bara bildlänkar till.... imageArr[0] = "Images/Gallery/img1.jpg";
och imageArr[1] = "Images/Gallery/img2.jpg osv osv osv...

Jag är extrem nybörjare på det här och vill bara ha någonting väldigt simpelt...
Stor tack för din hjälp!:)
/Niklas

Medlem sedan juni 20019 519 inlägg
#6

Du kan kolla: http://www.webforum.nu/showthread.php?t=182866

Medlem sedan feb. 2002199 inlägg
#7

Hej igen, jag känner mig som ännu mer nybörjare än vanligt... Fattar inte mycket av det där;-)

Medlem sedan juni 20019 519 inlägg
#8

Är du nöjd med den JS kod så ändra bara din kod lite:

function autoChange() {
	setTimeout(function() { myPictures.src = nextImage(); },3000);
}
261 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)