Hola,
a ver si alguien puede ayudarme...
Tengo que hacer que al pasar el raton por encima de un div, la imagen que incluye el div haga un efecto de zoom. El problema es que todas las imagenes de la página tienen la id "producto", o sea que tendría que decirle de alguna manera que el onmouseover sólo afecte a la imagen que contiene ese div.
Además, no puedo utilizar clases.
He probado lo siguiente, pero no funciona:
---------
<div onmouseover="this.getElementById('producto').style .transform='scale(1.5)';
this.getElementById('producto').style.transition=' 0.2s ease-in'; "
onmouseout="this.getElementById('producto').style. transform='scale(1)';
this.getElementById('producto').style.transition=' 0.2s ease-out'; " >
---------
Si alguien me puede ayudar estaré muy agradecido.
Gracias.