Buenas! pasaba por aqui para ver si alguien me podria ayudar con un poco con jquery.
Dentro de mi body, tengo esto:
<div class="todo">
<div class="prev"></div>
<div class="slider">
<div id="contenedor">
<img src="1.jpg" />
<img src="2.jpg" />
<img src="3.jpg" />
</div>
</div>
<div class="next"></div>
</div>
Donde los div's "prev" y "next" son botones que permiten deslizar verticalmente las imagenes, es decir, presiono "next" y me muestra la imagen que sigue, y lo inverso con "prev"
Y para hacer posible el desplazamiento de las imagenes, hice esto en jquery:
$(document).ready(function(){
$('.prev').click(function(){
$('#contenedor').animate({
top:'-=400px'
});
});
});
Este sería el código para ir pasando las imagenes (que poseen una altura de 400px por supuesto) al presionar el div con clase "next". Mi problema surgue es al llegar a la ultima imagen de abajo, si presiono "next" sigue bajando y no quiero! al llegar a la ultima imagen, quiero que se quede ahí. Intenté con un "if else" pero no me dio resultado.
Si alguien me podria ayudar, de verdad estaria muy agradecido!