Terminado

Slider en miniatura que se abre en forma de lightbox a toda pantalla

Publicado el 21 Noviembre, 2017 en Programación y Tecnología

Sobre este proyecto

Abierto

Estoy buscando un experto en JavaScript para desarrollar una galería de imágenes en miniatura, que al clickear en una, se abra en forma de lightbox la misma imagen y funcione un slider con autoplay a toda pantalla, pudiendo ir hacia las anteriores o siguientes mediante controles.

Requerimientos:

- Tanto el slider de miniaturas como el grande deben ser Draggable para móvil.
- Ambos slider deben tener una configuración de autoplay.
- El slider de miniaturas debe medir aproximadamente 1250px de ancho y un alto de 60px, y deben verse alrededor de 20 imágenes.
- Las imágenes del slider de miniaturas deben verse circulares.
- En el slider grande, se debe visualizar una barra de progreso en cada imágen ( o un gif o algo que indique el paso del tiempo hasta visualizar la siguiente imagen).
- En el móvil el slider de miniaturas contendrá menos cantidad de imágenes que en el tamaño escritorio.
- El lightbox que se abra deberá tener sus imágenes envueltas en un href, para poder hacer click y dirigirse a la nota.
- Debe verse correctamente en móvil.
-

Fuente de las imágenes
- Deberá entregarse el código html, css y javascript.  Las imágenes, su título y su enlace a la publicación correspondiente van a ser traídas dinámicamente por PHP por otro programador, por ello dejar indicado dónde reemplazar estas variables. Adjunto un ejemplo representativo de cómo serán traídos los datos (imagen 3).

- Para el slider de miniaturas contemplar que van a llamarse imágenes pequeñas (aproximadamente 100x100), y para el lighbtox, imágenes de 800px de ancho por 387px de alto.

Categoría Programación y Tecnología
Subcategoría Programación Web
¿Cuál es el alcance del proyecto? Cambio mediano
¿Es un proyecto o una posición? Un proyecto
Actualmente tengo Tengo las especificaciones
Disponibilidad requerida Según se necesite
Experiencia en este tipo de proyectos Sí (He administrado este tipo de proyectos anteriormente)
Roles necesarios Programador, Otro
Otros roles necesarios Experto en javascript

Plazo de Entrega: No definido

Habilidades necesarias