JAVASCRIPT - Imágenes animadas con Javascript

Imágenes animadas

Compatibilidad: Ms Internet Explorer, Netscape
Otro efecto onMouseOver, con la diferencia de que en este caso la imagen conserva, incluso cuando el ratón sale de la zona del enlace, el efecto generado.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<TITLE>Ejemplos Javascript: ejemplo práctico </TITLE>

<!-- //Another script by Reijo Kalenius
// Mail:reijo@cyberdude.com
// Homepage:http://www.evitech.fi/~reijoak/
// feel free to use this script, but hey, give me some credit.
// After all, I did loose one nights sleep writing this.
// So don't change those upper lines!

pic1 = new Image(18,18);
pic1.src = "picture1.jpg";
pic2 = new Image(18,18);
pic2.src = "picture2.jpg";

picNum = 0;
setTimeout("changePic();", 1000);

function replacePic(imgDocID,imgObjName) {

document.images[imgDocID].src = eval(imgObjName + ".src")
}

revNum = 1
function animRev() {

document.revolution.src = "content"+revNum+".jpg"
   revNum++ 
   if(revNum > 5) {revNum = 1}

document.revolution.src = "content" + revNum + ".jpg"
   revNum++ 
   if(revNum > 5) {revNum = 1}

setTimeout("changePic();", 2000);
 }
function link(picNum) {
if (picNum == 0) {
window.location.href="http://www.htmlpoint.com";
}
if (picNum == 1) {
window.location.href="http://www.htmlpoint.com";
}}

// -->

</SCRIPT>
</HEAD>

</body>
</html>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]