son - tipos de funciones en javascript

la función de desplazamiento no funciona según sea necesario

Question

Aquí está mi jsfiddle - http://jsfiddle.net/ganganp/x62wR/5/

 $(''#rotator0 div'').hover(
function () {
ssrc = $(this).find(''img'').attr("src");
valt = $(this).find(''img'').attr("alt");
(this).children(''img'').attr(''src'',''http://placehold.it/150x150&text=''+valt);
},
function () {
$(this).children(''img'').attr(''src'',ssrc);
}
);

flotar para que las imágenes del círculo interno no funcionen. ¿Dónde me he equivocado?

Answer 1

Como se señala en los comentarios # rotator0 está debajo de #rotator y esto rompe los eventos de flotación

Agregar propiedad css:

#rotator0 {
z-index:10;
}

parece arreglarlo

http://jsfiddle.net/x62wR/18/

Sin embargo, ahora al pasar el cursor sobre el círculo exterior funciona con errores ya que las esquinas del # rotator0 más pequeño ahora anulan el más grande. Deberá cambiar su ancho de ancho a algo lo suficientemente pequeño y reubicarlo.