Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Div móvil

Estas en el tema de Div móvil en el foro de Frameworks JS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 09/10/2012, 14:46
 
Fecha de Ingreso: octubre-2012
Mensajes: 4
Antigüedad: 8 años
Puntos: 0
Div móvil

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!
  #2 (permalink)  
Antiguo 11/10/2012, 18:59
 
Fecha de Ingreso: mayo-2011
Mensajes: 105
Antigüedad: 9 años, 5 meses
Puntos: 3
Respuesta: Div móvil

Colecciona todas tus imagenes en un arreglo, al llegar a la ultima (arreglo.length) escondes el contenedor next...

Tambien se me ocurre crear una variable contador que se inicializa con el numero de imagenes que vas a mostrar, por cada next le aumentas ++ y por cada prev le quitas -- asi cuando la variable este en 0 quitas next y cuando este en ntotal le quitas prev. Cosa de que el usuario no pueda pulsar next o prev en los extremos y no ocurra ese efecto de bajar indeseado....

Mucha suerte!!!
  #3 (permalink)  
Antiguo 12/10/2012, 10:02
 
Fecha de Ingreso: octubre-2012
Mensajes: 4
Antigüedad: 8 años
Puntos: 0
Respuesta: Div móvil

deywibkiss muchas gracias por tu respuesta! tenias razon, funciono con el contador! intentare con crear un arreglo y usar la propiedad length a ver que tal! :D
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:04.