Funciones con imagenes JS

[Alexis88]

Bienvenido a Foros del Web.

Delega los eventos al documento, asigna una misma clase para todas las imágenes y cada vez que se produzcan dichos eventos en el documento, toma al elemento afectado, obtén su clase y si es igual al que asignaste a las imágenes, le aplicas el efecto.

Código Javascript:

var over = function(event){
        if (event.target.className == "la clase"){
            event.target.style.transform = "scale(1.2)"; //Crece
        }
    },
    out = function(event){
        if (event.target.className == "la clase"){
            event.target.style.transform = "scale(1)"; //Se reduce
        }
    };
 
document.addEventListener("mouseover", over, false);
document.addEventListener("mouseout", out, false);
 

Mediante la propiedad transform puedes modificar, entre otras cosas, las dimensiones de los elementos.

DEMO

Saludos