tengo xxx cantidad de div cada uno contiene 2 imagenes lo que quiero hacer es que al pasar el mouse por ensima se oculte la img por defecto y se muestre la otra..
ya el htm lo tengo y el css tambien , ala segunda img la oculte con display:none;
por medio de "id" y "class" manejo el efecto asi:
<div class="publicidad">
<img id="none" src="img/tcc-g.png" alt="" class="g">
<img src="img/tcc-c.png" alt="" class="c">
</div>
$('#none').mouseover(function(){
$(this).fadeOut('fast');
$('.c').fadeIn('fast');
});
$('.c').mouseout(function(){
$(this).fadeOut('fast');
$('#none').fadeIn('fast');
});
esto funciona bien con las primeras imagenes del primer div..
el problema es que son muchos div cada uno con 2 img , entonces no le puedo poner el mismo "id" y "class" en todas.. por q al pasar el mouse por ensima de la primera automaticamente todas me toma el efecto
como podria solucionar esto ?