[js] afbeelding elke 2sec laten verranderen - Softwareontwikkeling

dinsdag 12 september 2006 17:17

Acties:

www.ctrl-f5.net

Topicstarter

Ik ben echt een javascript noob en ben bezig aan een klein script dat de src van een afbeelding om de 3sec verranderd dmv settimeout() maar het loopt fout.

dit is wat ik heb:

code:

<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
var intImagesIndex = 0;
var arrImages = new Array("image1.gif", "image2.gif", "image3.gif");

function Initialiseer(){
    var Image;
    intImagesIndex++;
    if (intImagesIndex >= arrImages.length){
        intImagesIndex = 0;
    }
    Image = arrImages[intImagesIndex];
    document.body.test.src = Image;
    setTimeout("Initialiseer()", 2000);
}
-->
</SCRIPT>
</head>
<body onLoad="Initialiseer()">

<img name="test" src="image1.gif">

</body>
</html>

Whenever you find yourself on the side of the majority, it is time to pause and reflect

dinsdag 12 september 2006 17:23

Acties:

Gonadan

Admin Beeld & Geluid, Harde Waren

Is het niet gewoon document.test.src?

Geef eens wat meer info?
We weten nu alleen dat het fout gaat.

Look for the signal in your life, not the noise.

Canon R6 | RF 24-70 f/2.8 L | 50 f/1.8 STM | 430EX II
Sigma 85 f/1.4 Art | 100-400 Contemporary
Zeiss Distagon 21 f/2.8

dinsdag 12 september 2006 17:24

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

HTML:

<html>
<head>
<SCRIPT type="text/javascript">
<!--
var intImagesIndex = 0;
var arrImages = new Array("image1.gif", "image2.gif", "image3.gif");

function Initialiseer(){
    if (intImagesIndex >= arrImages.length){
        intImagesIndex = 0;
    }
    var Image = arrImages[intImagesIndex];
    document.getElementById( 'test' ).src = Image;
    setTimeout("Initialiseer()", 2000);
    intImagesIndex++;
}
-->
</SCRIPT>
</head>
<body onLoad="Initialiseer()">

<img id="test" src="image1.gif" alt="Afbeelding">

</body>
</html>

oftewel, spreek je IMG via het ID aan en niet via de 'name'.

Ik laat bewust ook de imageArray bij de eerste foto beginnen ( index = 0 ) omd aarna pas op te lopen, dat is overzichtelijk en daarmee zie je ook dat de eerst verschijnende foto altijd ookd e eerste in het array is.

[ Voor 15% gewijzigd door RM-rf op 12-09-2006 17:27 ]

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

woensdag 13 september 2006 10:22

Acties:

BikkelZ

CMD+Z

Gebruik een ID (document.getElementById('deidvandatplaatje').src = Image[i])
Gebruik setInterval() in plaats van setTimeout(), dat werkt wat prettiger

iOS developer