Gran alternativa a LightBox usando jQuery.
Soporta IE6. La navegación por teclado es posible: botón n (siguiente) - siguiente imagen; Botón p (anterior) - anterior.
Soporte para varios formatos: PDF, flv, swf, audio, contenido HTML, soporte de marcos.
Un script compacto y fácil de conectar que le permite mostrar imágenes ampliadas en un bloque emergente. Sitio en ruso.
El complemento se implementa en cinco estilos diferentes. Para verlo en acción con diferentes diseños, siga los enlaces Ejemplos 1 a 5.
Otro guión de la familia lightbox. Es posible personalizar tanto las miniaturas de las imágenes como el estilo de visualización de una foto a tamaño completo.
Transición suave de monocromo a color al pasar el mouse usando jQuery.
Es posible mostrar información en varios formatos en una ventana emergente: imágenes individuales, galería, archivos multimedia, formularios. La página de demostración tiene enlaces a varias opciones de contenido.
Otra alternativa al conocido complemento LightBox. Haga clic en la imagen de la página de demostración para ver el script en acción.
Increíble efecto de transición de contenido suave. En la página de descripción, encontrará enlaces a todos los ejemplos de demostración del complemento.
Cambiar el tamaño de la ventana del navegador cambia el tamaño de la imagen.
Utiliza la biblioteca de prototipos de javascript.
Visualización de varios contenidos en ventanas modales.
Visualización de información en ventanas modales utilizando Mootools: imágenes, videos, animaciones, servicios sociales, etc.
» Scripts de galería de imágenes PHP
Coppermine es una galería de imágenes web versátil y multifuncional escrita en PHP, usando GD o ImageMagick, y una base de datos MySQL.
| v.1.5.24 | Descargado: veces
Genial, sencillo guión de galería de fotos. Vea la imagen a tamaño completo en una nueva ventana que se abre, generación de vista previa automática (miniatura) y mucho más en este paquete de la Galería Maian.
| v.2.0 | Descargado: veces
KoschtIT Image Gallery es un script de galería de fotos PHP gratuito y de código abierto. El programa se utiliza para agregar rápidamente una galería de imágenes PHP a un sitio web existente.
| v.3.1c | Descargado: veces
El álbum de fotos PHP de Max es un script PHP de álbum de fotos simple y fácil de usar. Puede cargar imágenes en su servidor, agregar un título / título y una descripción a sus archivos de fotos, proteger los archivos para que no se vean con una contraseña y otras funciones estándar.
| v.1.0 | Descargado: veces
Una galería de fotos simple escrita en PHP usando una base de datos MySQL. Simplemente cargue fotos - archivos y se presentarán inmediatamente a los visitantes de su sitio de la mejor manera posible.
| v.2.0 | Descargado: veces
Simple Gallery es el sistema de gestión de galería de imágenes PHP más ligero que utiliza jQuery, MySQL y GD Library.
| v.1.3 | Descargado: veces
Plogger es un script php de galería de imágenes fundamentalmente de nueva generación con código abierto para editar. El programa PHP no está repleto de características adicionales o configuraciones complicadas.
Creé esta página en mi sitio para probar el trabajo de un código JavaScript muy simple e interesante para cambiar imágenes.
Con este código, puede crear cualquier elemento web en la página del sitio: una galería de imágenes, un visor de imágenes, una galería de fotos, etc. ¡No importa! Puedes llamarlo de cualquier manera, como quieras, la esencia es la misma. eso visor de imágenes ligero.
Hay varios ejemplos, y se hacen usando, aunque cada ejemplo tiene el suyo, pero el 1er tipo codigo javascript quien trabaja en tabla HTML normal, e incluso (!) ¡SIN CSS!
Prim* Como fondo, es decir La imagen de "inicio" para cada uno de los ejemplos, la he definido: imagen #1.
Primero lo más sencillo. Las imágenes en el marco seleccionado cambiarán al hacer clic en enlaces izquierda.
 |
Como se puede ver claramente en el primer ejemplo, resultó visor de imágenes simple y rápido. Todo cambia al instante!
Además, la propia mesa se ajusta automáticamente por el tamaño de los dibujos.
Estoy tratando de ejecutar otro aquí. la misma función
La única diferencia es que eliminé el marco de 2 píxeles de la mesa.
Quería comprobar cómo funcionarían 2 guiones idénticos en la primera página.
¡Trabajar!¡PERO!
Es necesario (!) dar . De lo contrario - para de trabajar¡AMBOS EJEMPLOS! Tanto el primero como este.
Estoy empezando otro aquí. exactamente la misma función
mostrar imágenes al hacer clic en los enlaces.
Solamente en vez de títulos Enlaces insertado fotos coloridas.
¡Funciona igual! ¡Y!
¡No lo olvide! también tienes que dar otros nombres de funciones y ejemplo .
Aquí ejecuto la misma función para mostrar imágenes, como en el ejemplo anterior, cuando hago clic en enlace fotos.
¡PERO! Aquí modificó la tabla agregando la siguiente fila, es decir cambió la ubicación de estas imágenes-enlaces.
¡IMPORTANTE!
No olvide(!) intercambiar filas de tablas, y la imagen de "inicio" debe ser al principio de la mesa, y quitar etiqueta BR en los botones.
Este ejemplo de visor de imágenes un poco especial. Compilado a partir de MONTAJE DE IMÁGENES, y el primero, "de inicio", hizo la imagen No. 0.
No cambié los "botones" de los enlaces, sino que los conecté a otros dibujos, y lo que es especialmente interesante (!), diferentes tamaños.
Y en este ejemplo, ¡todo funciona EXCELENTE! ¡PERO! Es necesario tener en cuenta algunas características .
¡Especialmente importante! El tamaño (ancho) de las imágenes conectadas para su visualización.
En mi caso, y uso diseño "duro", ancho máximo no debe ser más de 772 px. Otra página se estirará!
Este tamaño es el máximo debido a que el ancho de la envoltura principal (#envoltura) he instalado: ancho máximo = 800px, y la tabla principal del sitio (#contenido) está sangrado - atributo "relleno celular"
, igual a 10px cada lado, y además - marco de 2 píxeles.
El relleno y el borde suman: 24 px. ¡Esto hay que tenerlo en cuenta!
Habiendo comprobado REPETIDAMENTE(!), descubrió que es necesario (!) dar más Margen de 2 px en cada lado.
Otra página seguirá siendo, aunque sea un poco, pero "exfoliar"!
* * *
Diferentes tamaños de página web: ¡diferente cálculo del ancho máximo de la imagen!
Como puede ver en los ejemplos del código javascript del visor anterior, ¡todo funciona muy bien!
Todo su encanto es que es bastante pequeño, y escrito sin conexión ningún librerías o scripts externos.
Aquí está él - código del visor de imágenes. ¡Guapo!
lanzar mismo funciones del visor producido lo mismo en todos los enlaces . solo cambios dirección de la imagen. Bueno, el principio de escribir un comando de salida de este tipo es el siguiente:
Enlace a la Figura #1
*Remilgado. Intenté probando este código javascript, diferentes formatos de imagen. ¡Todo funciona muy bien! Sin embargo(!), si introduces el código dirección de la página web entonces trabájalo ¡NO LO HARÁ!
Probé y mostré en esta página de capacitación, prueba, la escritura y las posibilidades de una función tan interesante del código javascript.
En mi opinión, se puede utilizar para crear el visor de imágenes más sencillo, ligero y rápido.
Creo que he hablado de ello con suficiente detalle aquí, y lo he mostrado todo claramente.
Sin embargo, existen otras formas, aunque no tan simples, pero también muy interesantes de organizar la visualización de imágenes en su sitio.
Puedes verlos y consultarlos en sus propias secciones.
(se abrirá en una nueva ventana).
También existe una posibilidad bastante interesante de organizar un cambio de imágenes en su sitio usando creando pestañas. Como esto: "Pestañas HTML+CSS para el sitio" .
Bueno, y un visor de imágenes más, pero, sin embargo, el automático ya "vive" en la sección. Presentación de diapositivas de JavaScript .
Para hacerlo normal simplemente presione el botón INICIO/PARADA.
Ya que estamos hablando de automático espectadores, y hay más que suficientes en mi sitio, debe visitar la sección "Diapositivas", donde hay suficientes de ellos, "queridos". ¡Hay una "caja llena-llena" de ellos!
¡Y por cierto! Creación de todo tipo de presentaciones de diapositivas en la página especificada en el enlace comentado en detalle.
UPD 2014-02-14
¿Recuerdas que compartí un script para ver fotos hace seis meses? También me jacté de que pesa poco, funciona rápido y en general es guapo. Si esto es realmente así solo puede juzgarse desde afuera, y les daré un par de argumentos más a favor del guión. Hoy traigo a su atención su versión mejorada - QuickBox 0.2.
Un poco más que todos usan guiones que se han convertido en la norma tradicional. Si en algún lugar hay un script de zoom, entonces esto es la mitad del tiempo Caja delgada o caja ligera. En lugar de 6 archivos necesarios para caja ligera, mi script solo requiere dos: uno CSS y uno JS. No se necesitan imágenes para su trabajo, y las precarga antes de mostrarlas en la pantalla y pesa 6,5 KB.
Estas son sus principales características:
Te haré reír, pero no hay diferencias visuales con la primera versión, excepto por el estilo de abrir la ventana. El script se ve así en el trabajo:
Puede ver el script en acción en .
La instalación tarda 1 minuto. Deberá cargar los archivos en cualquier carpeta de su alojamiento a través de ftp.
- ¿Cómo instalar?
- Muy simple.
Gracias, me ayudaste mucho.
Subimos el contenido del archivo a la carpeta raíz /js/. En el encabezado del documento antes de la etiqueta de cierre escribe la línea:
Si no tiene habilitado jQuery, simplemente descárguelo desde: /jquery.js. Y para que el script pueda procesar tus fotos. necesita agregarles un atributo: class='quickbox'. Como ejemplo, aquí hay 4 fotos para ti:
El script es gratis, úsalo y disfruta de la vida. Por favor, no intentes venderlo, no rompas el sentido común :-).
Si te encuentras con un sitio de imágenes creado con jQuery, lo más probable es que use una caja de luz. La fuerza de una caja de luz es que puede convertir incluso una simple biblioteca de imágenes en una galería atractiva y efectiva. Es en esta característica que radica la popularidad de tales complementos para jQuery en el campo del diseño web.
Gracias a la comunidad jQuery, hay una gran cantidad de complementos de lightbox, lo que crea grandes oportunidades para que los diseñadores trabajen con imágenes. En nuestro tutorial, presentamos 15 complementos diferentes a los que debe prestar atención.
TopUp es una biblioteca de JavaScript fácil de usar para mostrar imágenes y páginas web de forma discreta. La biblioteca se administra a través de jQuery y jQuery UI para compatibilidad y compacidad entre navegadores.
Highslide es una herramienta dedicada para ver imágenes, medios y galerías.
Pequeño complemento personalizado para jQuery 1.3+.
Lightbox 2 es un script sencillo y discreto que se utiliza para mostrar una imagen superpuesta en la página actual. Es fácil de instalar y funciona en todos los navegadores modernos.
prettyPhoto admite no solo imágenes, sino también video, flash, YouTube y Ajax. Lightbox para archivos multimedia.
Slimbox 2 es un clon de 4 KB de Light box 2 implementado con jQuery.
Shadowbox es un visor de medios basado en la web que admite todos los formatos de medios populares. Shadowbox está escrito en JavaScript y CSS y tiene buenas oportunidades ajustes.
Una de las ventajas de este complemento es la capacidad de abrir cualquier tipo de archivo, desde contenido incrustado hasta un archivo .swf, desde una simple imagen hasta un archivo .pdf.
Otras excelentes características incluyen el cambio de tamaño automático de la imagen y la compatibilidad con arrastrar y soltar.
GreyBox se puede utilizar para mostrar sitios web, imágenes y otros contenidos.
Super Box es un complemento que muestra ventanas con un efecto de caja de luz.
