Artículos con la etiqueta 'de Yahoo YUI'

Shadowbox 3.0 beta

Fue lanzado en este momento (gracias a la autora alerta de Michael Jackson JI ) versión 3.0 beta Shadowbox.js . Además del nuevo diseño del sitio aquí es que los cambios más importantes en esta versión anterior:

Más información ...

Todos los clones de la mesa de luz en una matriz dinámica

Planetozh ha creado un hermoso paisaje de la herramienta dinámica que se puede enumerar todas las librerías Javascript como la mesa de luz.

imagen

imagen El uso de un panel (ver imagen a la izquierda) con una serie de "tics" (casilla de verificación), que indican las distintas funciones de las bibliotecas, puede ejecutar un filtro obteniendo así una lista de una o más bibliotecas que hacen el trabajo. Esperamos que el autor mantiene actualizada esta página estupenda, muy útil para sacar a una de las numerosas bibliotecas y de gran alcance de este tipo.

Más información ...

Luz galería: Lightview 2.0.0_rc1

Lightview He aquí otra biblioteca recién estrenada discreto JavaScript para galerías de imágenes y mucho más. Lightview en 2.0.0_rc1 liberación , también añade características para "abrir" la ventana con el contenido que va más allá de la simple imagen: películas Flash, QuickTime , Forma y IFRAME! En comparación con la versión anterior (1.1.0 - que sólo se ocupa de las imágenes) y, a continuación, esta es release candidate características mejoradas también están presentes en otras bibliotecas . . Las herramientas requeridas por Lighview para trabajar son muy bien conocidos Prototype 1.6.0.2 y Scriptaculous 1.8.1 . Gliattributi utiliza para gestionar la biblioteca son class y rel .

Interesante un aspecto de esta biblioteca es el extremo cuidado con el que el gráfico aparece.

Nota: 9 - Inicio Lightview

Más información ...

La luz de la Biblioteca: Slimbox por un Shadowbox, galerías en Javascript

Algunos podrían decir - y con razón - lo suficiente! Librerías Javascript (discreto - no intrusiva, o parcialmente) 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 la mesa de luz , veremos más adelante. Sinceramente, aparte del tamaño compacto de la biblioteca tiene características peculiares, no propios. 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 ;)

Rating: -6 - Página principal Slimbox, Reflection.js Home Page para MooTools

Lightbox2

Lightbox2 Uno de los más conocidos y simple. Administra las imágenes contenidas en este comunicado son (por lo que no funciona con QuickTime, Flash, etc.) Para su funcionamiento, requiere de Prototype y Scriptaculous . Utilice el atributo rel para identificar los vínculos de las imágenes a procesar:

1
"images/image-1.jpg" rel = "lightbox" title = "my caption" > image #1 < / a > < un href = "images/image-1.jpg" rel = "lightbox" title = "mi leyenda"> de la imagen # 1 </ un >

Al igual que las otras bibliotecas que vamos a ver, es compatible con el modo de presentación, mediante la inserción de soportes de cualquier identificador 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 >

Calificación: 6 - Página de inicio Lightbox2

LightWindow 2,0

LightWindow 2,0 Incluso esto es bastante común! Después de todo, ¿cómo entender lo que es el más utilizado? ;) . Sin embargo, es muy completo y versátil. En el sitio se encuentra la solicitud de donaciones para la compra de un Mac ... un poco invasivo y urgente ... De todos modos, al igual que la anterior, 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 exposición en una galería o una diapositiva 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 el súper sabroso!" title = "Desconocido"> de la imagen # 1 </ a >
"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 = "Guardaos de los warewolves ..." caption = "Yo no debería estar haciendo esto cuando tengo hambre" title = "Desconocido"> de la imagen # 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 era bueno!" caption = "Tome ese sushi!" title = "Desconocido"> de la imagen # 3 </ un >

Puntuación: 8 - Página de inicio LightWindow 2,0

Shadowbox base 10

Shadowbox Aunque la versión beta de la versión 1.0, esta es quizás la biblioteca más completa, tanto desde el punto de vista funcional, tanto para las bibliotecas compatibles. Para su funcionamiento, de hecho, se puede elegir entre una variedad de marcos, con el archivo "adaptadores" especialmente fabricados y suministrados por el autor:

El efecto visual (se puede configurar a través de la piel / css), entonces, a diferencia de los otros, es definitivamente más atractivo. Los atributos se utilizan sólo rel donde, en su interior, encontrar espacio todos los demás parámetros de configuración. Por ejemplo, para realizar una galería, el uso justo;

1
2
"beach.jpg" rel = "shadowbox[Vacation]" > The Beach < / a > < un href = "beach.jpg" rel = "shadowbox [de vacaciones]"> La Playa </ un >
"pier.jpg" rel = "shadowbox[Vacation]" > The Pier < / a > < un href = "pier.jpg" rel = "shadowbox [de vacaciones]"> The Pier </ un >

Si desea configurar algunas opciones ( véase el sitio web para la lista completa ) sólo tiene que utilizar la siguiente sintaxis:

1
"myimage.jpg" rel = "shadowbox;options={overlayOpacity: 0.5, resize: false}" > My Image < / a > < un href = "myimage.jpg" rel = "shadowbox; opciones = {overlayOpacity: 0.5, tamaño: false}"> Mi imagen </ un >

En Internet se puede encontrar otro, como Highslide JS . De hecho, si alguna otra biblioteca que me quieren informar ... De todos modos, personalmente, prefiero Shadowbox por la sencillez, la escalabilidad y la cruz-marco.

Nota: 9 - Top base 10 Shadowbox

Más información ...


Deje de SOPA