Hace años desarrolle un ejemplo de lightbox que publiqué en esta comunidad, esta noche he decidido renovarlo por motivos laborales (Necesitaba hacer uno para el trabajo) y se me ocurrió compartirlos con ustedes.
Su funcionamiento es muy fácil de entender, se mostrara en los elementos con la clase "cinthya_light". Al abrirse el lightbox, en la parte inferior se visualizan previas de todas las imágenes de ese documentos asociadas al lightbox.
Cualquier duda consultarla en el tema. Saludos.
Nota: Quien pueda subir una vista previa, se lo agradecería.
Arquitecto, diseñador y programador | Comenzando a proyectar mi vida bajo mis propios ideales. Administrador de ilDom, Twiteck y Century21
También podrías ponerle un poco de Ajax para que cargue la imagen cuando le des y no junto con la página para que cargue más rápido.
Pd: Ya sé para que es... creo...
EDITO: Está muy bien, felicidades he leído el código y como te he dicho, podrías hacer que al subir las imagenes se creen dos imágenes, una en pequeño y otra en grande y pasarle por el "name" o por algún otro lado el link de la imagen. Pero aún así esos son mejoras, está fenomenal.
EDITO2: Solo una recomendación, el fondo del Lightbox (ese negro) ponlo en "position:fixed;" porque en cuanto le he hecho una cosa se ha subido y se ha visto lo de abajo sin fondo, ponerlo fixed te quitará de problemas, a no ser que lo hayas puesto porque te da otros en la página web donde lo vayas a poner...
Español. Exmiembro del DDI y los ya desaparecidos departamentos de Relaciones públicas y de Artículos. Programador y escritor principiante.
- Poder usar flechas del teclado - Al dar clic fuera del box que se cierre, sin tener que ir a la X - Al alcanzar la última fotografía saltar a la primera y al revés. - Con tamaño ajustable o al hacer clic ir a la imagen original. O sea, lightbox es para que cosas grandes se reduzcan y al hacer clic se abra, pero sigue pareciéndome pequeño así XD
Para seguirme solamente tienes que darle al corazón
