Ayuda con código js

Publicado en 'Programación' por DiegoTM2, 24 Abr 2016.





  1. DiegoTM2

    DiegoTM2 Miembro frecuente

    Registro:
    12 Set 2015
    Mensajes:
    85
    Likes:
    2




    Que tal chicos, me dejaron una tarea y la verdad no se como hacerla. Lo que me piden es que las dos flechas de la parte de abajo avanzan y retrocedan 9 imágenes que me dieron, que solo se muestren 4 de las imágenes y las demás aparezcan mientras avanzo, que cuando una imagen este en el cuadro azul se muestre en tamaño grande como esta ahí.

    Alguien me puede ayudar x_x





    [​IMG]
     


  2. cybertel

    cybertel Miembro maestro

    Registro:
    31 Jul 2012
    Mensajes:
    538
    Likes:
    69
    entra a youtube tu mejor opción
     
  3. loquimba

    loquimba Miembro maestro

    Registro:
    9 Oct 2015
    Mensajes:
    753
    Likes:
    144
    Es mejor resolverlo sólo así aprenderas.
     
  4. DiegoTM2

    DiegoTM2 Miembro frecuente

    Registro:
    12 Set 2015
    Mensajes:
    85
    Likes:
    2
    Es que esa tarea consta de 5 partes y ya hice 4....la ultima es eso de las flechas llevo 4 horas y no me sale, ademas no se como se llama para buscarlo en youtube.
     
  5. n00b

    n00b Miembro frecuente

    Registro:
    12 Dic 2015
    Mensajes:
    135
    Likes:
    49
    tienes que asignar un evento click a cada uno de los botones (izq. y der.) y en cada uno de ellos mover y luego verificar que el primero se seleccione y muestre la imagen arriba.
    Lo puedes mover mediante css, es decir el div que contiene las imágenes pequeñas lo vas moviendo hacia la izquierda, sumas el ancho de las 4 miniaturas y le restas al left actual, la primera vez: let: -400px; la 2da vez: left:-800px;...
     
  6. MPQRS

    MPQRS Miembro frecuente

    Registro:
    28 Jun 2011
    Mensajes:
    219
    Likes:
    21
    esto es javascript basico sobre el dom, es tan simple que da pereza.