jQuery lámpara de lava-como efecto de rebote por todo el lugar!
Pregunta
he seguido el tutorial encontrar aquí y ha añadido mi propia llamarada a ella: tutorial
Lo que yo buscaba era lograr que poner una imagen específica en la parte izquierda y derecha del elemento de la lista. Así que en lugar de sólo la <li id="blob"></li>
genérica creada en el tutorial, lo hice <li id="blob"><div class="blob-wrap"><div class="leftimage"></div><div class="rightimage"></div></li>
para lograr el efecto particular que quería. Funciona muy bien ... excepto que los intentos imagen para echar atrás la "currentPageItem" si dejo el pasar el mouse sobre uno de los elementos de la lista.
Este es un ejemplo JS Bin: http://jsbin.com/odome
¿Qué necesito hacer para solucionarlo? jQuery está disparando la función "hoverOut" (o como se quiera llamarlo). Pero ¿por qué?
Solución
El índice z era, de hecho, el problema. No me di cuenta que los índices de z no se aplican a elementos flotantes sin embargo. Que tenía que aplicar a los enlaces position: relative
a
y darle un índice z mayor que la burbuja.