Rotar imagenes con boton click

[kahlito]

Buenas, he logrado con el siguiente codigo (habiendolo colocado mejor dicho, ya que de javascript estoy bien pegado) hacer rotar dos imagenes al pulsar un botón, y lo que me gustaria hacer es meter mas imagenes, por ejemplo 5 en vez de 2 para ir rotandolas y si es posible que una vez llegada a la ultima imagen empezara luego por la primera y asi sucesivamente a la vez que se va pulsando, o si no poner otro boton para ir pasando las imagen hacia atras y otro hacia delante con ese click.

<script language="JavaScript">
imagen1=new Image
imagen1.src="nuevopanda.gif"
imagen2=new Image
imagen2.src="stilointro.gif"
var i=1;
function cambiar() {
if (i == 1)
{
document.images['Image1'].src=imagen2.src
i=2;
}
else
{
document.images['Image2'].src=imagen1.src;
i=1;
}
}
</script>


Y en el body tengo esto para el boton en el que puso para pasar de imagen:

<img src="botonarribafiat.gif" width="80" height="18" onMousedown="cambiar()">

Un saludo

[rsalvadores]

Si quieres que vaya hacia delante llama a la funcion cambiaUp() ( como haces en tu ejemplo. Para ir hacia atras, llama a cambiaDown(), y si quieres que cambie automaticamente, llama a Auto()


<script>
flores1=new Image
flores1.src= "imagenes/rosa.jpg"
flores2=new Image
flores2.src= "imagenes/margarita.jpg"
flores3=new Image
flores3.src= "imagenes/tulipan.gif"
flores4=new Image
flores4.src= "imagenes/magnolia.jpg"
flores5=new Image
flores5.src= "imagenes/crisantemo.jpg"
flores6=new Image
flores6.src= "imagenes/adelfa.jpg"
flores7=new Image
flores7.src= "imagenes/begonia.jpg"
var i=0
function cambiaUp()
{
if (i<7) i++
else i=1
document.images["imagen"].src=eval("flores"+i+".src")

}
function cambiaDown()
{
if (i>1) i--
else i=7
document.images["imagen"].src=eval("flores"+i+".src")

}
function Auto()
{
setInterval(cambiaUp,2000)
}
</script>

Espero que te sirva.

[kahlito]

Hola rsalvadores, muchas gracias por el ejemplo, me ha salido perfectamente, era justo lo que buscaba

Un saludo