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.