Hola buen día, tengo un problema con un pequeño plug que estoy haciendo de tarea, el punto es que es un slider de imagen atras y adelante, el boton hacia adelante funciona muy bien que de hecho lo coloque en el setInterval para que avance automaticamente, muerstro el codigo y voy explicando.
es esta manera inicializo mi slider con setInterval
Código:
$('#contenido > div:gt(0)').hide();
setInterval( function() {
$('#contenido > div:first')
.css( "display", "none")
.next()
.fadeIn('slow')
.end()
.appendTo('#contenido');
}, 5000);
este codigo siguente es el que me causa problemas: ya que si me muestra el ultimo div mostrado, el asunto es que cuando preciono el boton de avanzar muestra el anterior y el nuevo.
Código:
$("label#atras").click(function(){
$('#contenido > div:last')
.css( "display", "block")
.next()
.fadeIn('slow')
.end()
.appendTo('#contenido');
});
Codigo de avanzar
Código:
$("label#atras").click(function(){
$('#contenido > div:first')
.css( "display", "none")
.next()
.fadeIn('slow')
.end()
.appendTo('#contenido');
});
Ahora mi pregunta es ¿de que manera puedo hacer que el boton hacia atras no me este causando problemas?, alguien puede hecharme la mano con esto, Gracias por adelantado.