Buenas noches amigos, estoy tratando de hacer un slider muy sencillo para un proyecto y lo estoy haciendo con mi intento de librería
pero tengo problemas con los eventos. De momento dejo
aquí el enlace al ejemplo (pongo bordes para que se vean bien las dimensiones).
Al contrario de lo que cabría pensar, no es que no funcione, si no que funciona demasiado
El código es este:
Código HTML:
Ver original <img src="http://findicons.com/files/icons/99/office/128/back.png" alt="Anterior" title="Anterior" class="slider-prev" /> <div class="slider-container"> <!-- Contenido -->
<img src="http://findicons.com/files/icons/99/office/128/forward.png" alt="Siguiente" title="Siguiente" class="slider-next" />
Y el JS:
Código Javascript
:
Ver originalP('#JSPlus-slider').hover(function(){
P('.slider-prev, .slider-next').entrada(200);
});
P('#JSPlus-slider').out(function(){
P('.slider-prev, .slider-next').salida(200);
});
Como veis no tiene mucho misterio, sólo quiero que al salir del div del slider las flechas hagan un fadeOut, y viceversa. Pero hay dos problemas: el primero es que a veces, cuando entro en el div "ventana" (#JSPlus-slider), se hace un entrada-salida-entrada, sobre todo cuando se entra lentamente. El segundo es que, cuando entro en una de las flechas, se ejecuta el evento out, y luego el hover.
Para colmo, no sé cómo, pero jQuery no tiene este problema:
Código Javascript
:
Ver original$('#JSPlus-slider').hover(function(){
$('.slider-prev, .slider-next').fadeIn(200);
}, function(){
$('.slider-prev, .slider-next').fadeOut(200);
});
No sé qué puede ser, pero me está dando un buen dolor de cabeza
Espero que me podáis ayudar.
Saludos y gracias (: