HTML - Ayuda con onmouseover

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.

seria como algo asi, reeplazas "picture.jpg" por la foto que quieras, tambien editas las dimensiones de acuerdo a lo que necesites.
espero te sirva, saludos

www.elgatocoder.com