Completed

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

Published on the November 21, 2017 in IT & Programming

About this project

Open

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.

Category IT & Programming
Subcategory Web development
What is the scope of the project? Medium-sized change
Is this a project or a position? Project
I currently have I have specifications
Required availability As needed
Experience in this type of projects Yes (I have managed this kind of project before)
Roles needed Developer, Other
Other roles needed Experto en javascript

Delivery term: Not specified

Skills needed