Algunos podrían decir - y con razón - lo suficiente! Bibliotecas de JavaScript (discreto - no intrusiva o en parte) para gestionar imágenes y galerías que hay tantos. De todos modos aquí está la lista, con los pros y los contras, lo mejor que he probado.
Slimbox 01:41
Extremadamente mínimo, 7K (versión 1.41), requiere mootools para trabajar. Como se indica en la página principal es un clon gráfico real mesa de luz , veremos más adelante. Sinceramente, aparte de la compacidad extrema de la biblioteca hace peculiares características no posee. En el mismo sitio, sin embargo, también se puede encontrar un script para generar reflexiones en tiempo de ejecución ... es posible que desee limitar este 
Nota: -6 - Slimbox Inicio, Reflection.js caseros para MooTools
Lightbox2
Uno de los más conocidos y sencillos. Administra las imágenes de esta versión son (por lo que no funciona con QuickTime, Flash, o de otro tipo). Para operar, requiere de Prototype y Scriptaculous . Utilice el atributo rel para identificar los vínculos de las imágenes a procesar:
1 |
Al igual que las otras bibliotecas que vamos a ver, compatible con el modo de diapositivas, introducir cualquier identificador entre corchetes en una serie de enlace / imagen:
1 2 3 | "images/image-1.jpg" rel = "lightbox[roadtrip]" > image #1 < / a > < un href = "images/image-1.jpg" rel = "lightbox [roadtrip]"> de la imagen # 1 </ un > "images/image-2.jpg" rel = "lightbox[roadtrip]" > image #2 < / a > < un href = "images/image-2.jpg" rel = "lightbox [roadtrip]"> de la imagen # 2 </ un > "images/image-3.jpg" rel = "lightbox[roadtrip]" > image #3 < / a > < un href = "images/image-3.jpg" rel = "lightbox [roadtrip]"> de la imagen # 3 </ un > |
Puntuación: 6 - Lightbox2 Arriba
LIGHTWINDOW 2.0
Esto también es muy común! Después de todo ¿cómo puede saber que uno está acostumbrado? . Sin embargo, es muy completo y versátil. En el sitio se encuentra la solicitud de donaciones para la compra de un Mac ... y presionar un poco invasivo ... Sin embargo, como el anterior, pero para su funcionamiento, requiere la presencia de Prototype y Scriptaculous . A diferencia de su predecesor, sin embargo, esto le permite ver los tipos de archivos moltisiimi: a partir de las imágenes, películas QuickTime, películas Flash, páginas externas HTML y PDF. ) altri obbligatori ( class e params - per impostare il comportamento della libreria). Por el contrario, utiliza varios atributos, algunos opcionales ( author, caption y title ) que no obligatoria ( class y params - para establecer el comportamiento de la biblioteca). Por ejemplo, para ver una galería o presentación de diapositivas con el atributo rel :
1 2 3 | "gallery/0-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "Left Behind" caption = "Look's super tasty!" author = "Unknown" > image #1 < / a > < un href = "gallery/0-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "Left Behind" caption = "Mira es súper sabroso!" title = "Desconocido"> de la imagen # 1 </ uno > "gallery/1-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "Beware of warewolves..." caption = "I shouldn't be doing this when I am hungry" author = "Unknown" > image #2 < / a > < un href = "gallery/1-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "Cuidado con warewolves ..." caption = "Yo no debería estar haciendo esto cuando tengo hambre" imagen author = "Desconocido"> # 2 </ un > "gallery/2-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "That was good!" caption = "Take that sushi!" author = "Unknown" > image #3 < / a > < un href = "gallery/2-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "Eso estuvo bien!" caption = "Tome ese sushi!" title = "Desconocido"> de la imagen # 3 </ un > |
Puntuación: 8 - Inicio LightWindow 2.0
Shadowbox 1.0b
Aunque la versión 1.0 beta, esta es quizás la biblioteca más completa, tanto desde el punto de vista funcional, con el apoyo de las bibliotecas. Para su funcionamiento, de hecho, se puede elegir entre una variedad de marcos, con el archivo de "adaptador" especialmente fabricados y suministrados por el autor:
- Yahoo! User Interface Biblioteca (Yahoo, Dom, eventos, anim)
- Ext. (independiente core.js-ext)
- Prototype + Scriptaculous
- jQuery
- MooTools (requiere Fx.Styles y sus dependencias)
- Dojo Toolkit (gracias Peter Higgins)
El efecto visual (configurable a través de la piel / css), entonces, a diferencia de los otros, es definitivamente más atractivo. Los atributos que se utilizan son sólo rel donde, en su espacio interior son todos los demás parámetros de configuración. Por ejemplo, para crear una galería, sólo tiene que utilizar:
1 2 |
Si desea configurar algunas opciones ( ver página web para la lista completa ) sólo tiene que utilizar la siguiente sintaxis:
1 |
En Internet se pueden encontrar, tales como JS Highslide . De hecho, si usted desea reportar alguna otra biblioteca ... En fin, personalmente, prefiero Shadowbox por simplicidad, escalabilidad y la cruz-marco.
Puntuación: 9 - Arriba 1.0b Shadowbox
Excelente colección!
muy útil y bien detallado.
¡Felicitaciones!
¡Bien hecho!
Útil y clara.
Estoy tratando de utilizar Shadowbox en lugar de la mesa de luz 2, que en mi sitio de Joomla 1.0.15 "problemas con Internet Explo (d) er, pero lamentablemente sin éxito.
Definitivamente no es algo que yo entendía. El sitio habla de dos módulos, y Slimbox slimbox.js-core.js, pero construir genera sólo una que no funciona. He intentado tanto la una independiente para Mootools (que ya he descargado y activado, por supuesto), pero el resultado no cambia.
¿Puede dar algún apoyo, por favor?
@ Cristian: ¿Por qué hablar de las formas y Slimbox slimbox.js-core.js? No sé en Shadowbox ...
@ Giovambattista Fazioli: ah, y "fue un desliz. Me refería, por supuesto, Shadowbox
@ Cristian: ¿qué código se utilizan? Para trabajar Shadowbox necesita dos tipos de inicializaciones. Eso no es suficiente para incluir sólo el guión, como con otras bibliotecas similares. Postami el código que nos permiten ver lo que está mal ...
Aquí la información que usted me pregunta
Shadowbox en el lugar, en la sección de descargas, he tratado de hacer es crear la versión independiente de que para Mootools. Mootools se instaló de manera clara y cargado.
El procedimiento me construye * un * archivo generado, shadowbox.js, he cargado en la cabecera de la página:
Pero no funciona
También traté de cargar una piel hipotético (cm ², lo que no lo hice, fue sólo para darle una oportunidad ...) con
Pero aquí de nuevo sin suerte.
Otros no lo han hecho, y no funciona
@ Cristian: ok, lo que falta - creo - es la inicialización de la biblioteca. Todos los pasos que se están sustancialmente correcta. Lo que tienes que hacer es llamar a este código cuando se carga la página:
Puede cambiar la posición de evento onload de la página o explotar document.ready () frameword su favorito:
Además, si usted elige utilizar con mootools Shoadowbox, por ejemplo, también debe cargar el siguiente orden del adaptador:
2
3
4
5
6
"text/javascript" src = "mootools.js" >< / script > < script de type = "text / javascript" src = "mootools.js"> </ script de >
<- A continuación, el adaptador ->
"text/javascript" src = "shadowbox-mootools.js" >< / script > < script de type = "text / javascript" src = "shadowbox-mootools.js"> </ script de >
<- Y finalmente shadowbox ->
"text/javascript" src = "shadowbox.js" >< / script > < script de type = "text / javascript" src = "shadowbox.js"> </ script de >
@ Giovambattista Fazioli: todavía se me escapa algo. En primer lugar, no sé dónde encontrar el adaptador. Haciendo la construcción del sitio de recibo en un solo archivo, que supongo que es el shadowbox real. Pero esto no es "un gran problema, porque yo también podría utilizar la versión independiente (que no entiendo por qué" para crear un adaptador si las funciones son también accesibles desde standalone).
Desde entonces, en lugar de "virgen" cuando se trata de java te pido una última cosa: yo puedo incrustar el código de inicialización Shadowwbox.init () dentro de un type=javascript> <script etc? Que puedo hacer, justo en la cabecera del sitio para que se cargue en cada página?
He hecho un poco de edición, carga de archivos que tengo haciendo clic en el "Código de descarga" en la sección de descargas del sitio. Pero sigue sin funcionar
2
3
4
5
6
7
"text/javascript" src = "http://miosito/sogema_theme/js/shadowbox-base.js" >< / script > < script de type = "text / javascript" src = "http://miosito/sogema_theme/js/shadowbox-base.js"> </ script de >
"text/javascript" src = "http://miosito/templates/sogema_theme/js/shadowbox.js" >< / script > < script de type = "text / javascript" src = "http://miosito/templates/sogema_theme/js/shadowbox.js"> </ script de >
"text/javascript" > < script de type = "text / javascript">
Shadowbox.loadLanguage ('en', 'http://miosito/templates/sogema_theme/js/lang');
window.onload = Shadowbox.init;
</ script de >
@ Cristian: calma, desde este punto de vista Shoadowbox no es muy intuitivo!
Sin embargo, primero hay que descargar el paquete completo que siempre encontrará en la página de descarga en la parte inferior hay dos enlaces: Descarga completa, para descargar el paquete incluye ejemplos, documentación y descargas de los adaptadores y las colas, que contiene sólo el código, adaptadores, y la piel . descargarlo. 
Además, creo que intedessi "virgen" que no son Java y JavaScript, dos cosas que son "algo" diferente
Entonces, cuando se utiliza un código Javascript en una página HTML, siempre debe encerrar en
<script type=javascript>...Vaya, el código que he escrito antes no es 'un error en el camino de la trascrittura. Caminos que están claramente fijadas en el mismo lugar
hola a todos,
Me di cuenta de que todos estos métodos de visualización de imágenes / pages / flash, etc .. no funcionan con Internet Explorer 8 Beta.
Espero que sea sólo una cuestión de pre-lanzamiento de la versión de este navegador mítico.
Usted ve este problema también?
Gracias
Fe
Hola a todos,
He descargado el paquete de shadowbox, pero como yo no lo sé todo el código Javascript
No tengo idea de cómo hacerlo funcionar en una página html.
¿Debo poner enlaces nell'head página a los archivos js que se encuentran en los paquetes. Pero exactamente qué archivos? Y entonces, ¿cómo inicializar la biblioteca?
Alguien me puede mostrar el código debo utilizar?
Gracias, gracias.
También tuve el mismo problema.
¿Alguien sabe darme alguna información más?
Gracias por su cooperación.