Buenos días, tengo el siguiente código.
Tengo la idea de hacer una especie de mini-slider, para las noticias de mi web, la idea es que cada x segundos pasen las noticias solas, pero si te pones encima con el ratón pare el intervalo y pueda navegar por los botones de las noticias...
Las dos maneras "sueltas" me funcionan, el problema es cuando las quiero poner las dos.. he probado en ponerle un mouseleave al intervalo por ejemplo y nada.. al final acaba volviendose loco el js..
Os agradeceria una ayuda porque no se por donde salir
Código Javascript
:
Ver original/*Intervalo de movimiento*/
setInterval(function() {
$(".noticias-contenedor-index").delay( 2000 ).animate({marginLeft:"-4px"},{duration: 600 });
$(".noticias-contenedor-index").delay( 2000 ).animate({marginLeft:"-662px"},{duration: 600 });
$(".noticias-contenedor-index").delay( 2000).animate({marginLeft:"-1320px"},{duration: 600 });
},1000);
/*Nevegar por el menu*/
$("#boton1").click(function(){
$(".noticias-contenedor-index").animate({marginLeft:"-4px"},{duration: 600
});
});
$("#boton2").click(function(){
$(".noticias-contenedor-index").animate({marginLeft:"-662px"},{duration: 600 });
});
$("#boton3").click(function(){
$(".noticias-contenedor-index").animate({marginLeft:"-1320px"},{duration: 600 });
});
Un saludo!