Rotate imgs

Fabri · Feb 7, 2005

I wonder if it is possible to rotate these images in this way:

<img name="one" src="one.gif">
<img name="two" src="two.gif">
<img name="three" src="three.gif">

I would like every 3 (or 4, 5...) seconds to appear 3 gif another way:

first loop:

1-2-3

second loop:

1-3-2

third loop:

2-1-3

fourth loop:

2-3-1

and so on...

Any help much appreciated.

Best regards.

Erwin Moller · Feb 7, 2005

Fabri said:
I wonder if it is possible to rotate these images in this way:

<img name="one" src="one.gif">
<img name="two" src="two.gif">
<img name="three" src="three.gif">

I would like every 3 (or 4, 5...) seconds to appear 3 gif another way:

first loop:

1-2-3

second loop:

1-3-2

third loop:

2-1-3

fourth loop:

2-3-1

and so on...

Any help much appreciated.

Best regards.

hi,

Make a callbackfunction using setTimeout("somefunction", time).
You set a function and the time that should elapse.
(Look it up.)
Then let that function end with another setTimeout().

You can change the src of an image like:
document.images["one"].src="somethingelse.gif";

Good luck.

Regards,
Erwin Moller

Evertjan. · Feb 7, 2005

Fabri wrote on 07 feb 2005 in comp.lang.javascript:

I wonder if it is possible to rotate these images in this way:

It is.

<img name="one" src="one.gif">
<img name="two" src="two.gif">
<img name="three" src="three.gif">

I would like every 3 (or 4, 5...) seconds to appear 3 gif another way:

I suppose you want the a script?
Next time please try it yourself first, you will learn from it.

=============

<script type='text/javascript'>
function rotate() {
var one = document.getElementById("one")
var two = document.getElementById("two")
var three = document.getElementById("three")
var temp = one.src
one.src = two.src
two.src = three.src
three.src = temp
setTimeout('rotate()',3000)
}
</script>

<body onload='rotate()'>

<img id="one" src="one.gif">
<img id="two" src="two.gif">
<img id="three" src="three.gif">

Help with Visual Lightbox: Scripts	2	May 3, 2023
Timing problem	4	May 1, 2023
Getting carousel to continually rotate	0	Sep 27, 2017
Slideshow not working properly	2	Jan 7, 2023
Pygame animation help!!!!	0	Dec 4, 2023
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 22, 2023
Help with my responsive home page	2	Dec 14, 2022
Minimum Total Difficulty	0	Nov 15, 2023

Rotate imgs

Fabri

Erwin Moller

Evertjan.

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads