Código :
/*Hoja de estilos*/
#imagenc{
background-image:url('images/0.png');
width:293px;
height:599px;
}
En mi archivo de javascript tengo lo siguiente con jquery:
Código Javascript :
$(".cole").each(function(i){
$(this).mouseenter(function(event){
$(this).fadeTo("normal",1);
$("#imagenc").css('background-image','url(\'images/1.png\'');
$("#imagenc").css('width','293px'); $("#imagenc").css('height','599px')
});
});
Pero a la hora de ejecutar al inicio si me aparece la imagen 0
pero cuando el raton pasa por alguna clase cole, sas se modifica el div y sele agrega un element style y no aparece nada.
en el Fire Fox aparece algo asi:
Antes de pasar el raton por una clase cole.
#imagenc {
background-image:url("images/0.png");
height:599px;
width:293px;
}
y despues de pasarlo aparece asi:
element.style {
background-image:url("images/1.png");
height:599px;
width:293px;
}
y en el lado derecho a mi div le agrega un style etc.. asi:
<div id="imagenc" style="background-image: url("images/1.png"); width: 293px; height: 599px;">
Que hago mal y que puedo hacer para que funcione.??
