efecto hover con varias imagenes?

[Alexis88]

Déjalo así:

Código Javascript:

var div = document.getElementById("slider"),
    img = div.getElementsByTagName("a"),
    total = img.length,
    i = 0,
    slider = function(){
        img[i].style.opacity = 0;
        img[i].style.zIndex = 1;
        i = i == total - 1 ? 0 : ++i;
        img[i].style.opacity = 1;
        img[i].style.zIndex = 1000;
    },
    interval = null;
 
img[i].style.opacity = 1;
img[i].style.zIndex = 1000;
 
div.addEventListener("mouseover", function(){
    interval = setInterval(slider, 1500);
}, false);
 
div.addEventListener("mouseout", function(){
    clearInterval(interval);
});
 

Lo único que hice fue quitar la invocación a la función slider por cada vez que se pose el puntero del mouse sobre un enlace.

Saludos