Puedes usar este scrip para rotar imágenes:
<script language="javascript">
step=0;
function autoImgFlip() {
if (step < 3) {step++;}
else {step=0;}
if (step==0)
{a.src="objetos/imagenuno.jpg";}
if (step==1)
{a.src="objetos/imagendos.jpg";}
setTimeout("autoImgFlip()", 3000);
if (step==2)
{a.src="objetos/imagentres.jpg";}
if (step==3)
{a.src="objetos/imagencuatro.jpg";}
}
</script>
</head>
Aquí, ojo con lo siguiente:
-El cero, “0”, también cuenta, así que si tenemos 4 imágenes, las contaremos 0,1, 2, 3.
-Se debe poner la ruta completa de la imagen, por ejemplo, si están dentro de la carpeta “objetos” entonces pondremos:
{a.src=”objetos/imagenuno.jpg”;}
-El tiempo de rotación se define en la línea que dice setTimeout… Si queremos que las imágenes roten rápido le pondremos 1000 y durarán un segundo o 500 o 200. Si queremos que roten más lento ponemos 3000 y durarán 3 segundos como en la web que nos sirve de ejemplo (hasta puedes contar la exactitud!!!) Si se desea que la imagen se vea 4 segundos, se pondrá 4000 y así sucesivamente.
3. Ahora, ponemos esta línea de código justo en la etiqueta de apertura del body y quedaría así:
<body bgcolor="#ffffff" TEXT="#000000" link="#0000cd" vlink="#0000cd" alink="#ff0000" onLoad="autoImgFlip();">
4. Y por último, ponemos el nombre de nuestra primera imagen en la capa donde irán las imágenes así:
<img src="objetos/imagenuno.jpg" id="a" />
Es un excelente script que le da movimiento a nuestra web sin necesidad de saber o tener algún programa de animación.
