Articles taggés avec 'Slimbox "

Shadowbox 3.0 beta

Il a été libéré dès maintenant (merci d'alerter l'auteur Michael Jackson MOC ) de la version 3.0 beta Shadowbox.js . En plus de la conception du nouveau site ici est le changement le plus important avant ce communiqué:

Suite ...

Tous les clones Lightbox dans un tableau dynamique

Planetozh a créé un paysage magnifique de l'outil dynamique qui permet de lister l'ensemble des bibliothèques Javascript comme Lightbox.

l'image

l'image L'utilisation d'un panneau (voir photo à gauche) avec une série de "ticks" (case à cocher), qui indiquent les différentes fonctions des bibliothèques, vous pouvez exécuter un filtre, l'obtention de la liste d'un ou plusieurs bibliothèques qui font le travail. Nous espérons que l'auteur maintient à jour cette page très, très utile en dégageant une des bibliothèques les nombreux et puissants de ce type.

Suite ...

Lumière galerie: 2.0.0_rc1 Lightview

Lightview . Voici encore une autre bibliothèque nouvellement libérés discret JavaScript pour des galeries d'images et plus Lightview dans 2.0.0_rc1 communiqué , a également ajouté des fonctions pour «ouvrir» la fenêtre avec le contenu qui va au-delà de l'image simple: animations Flash, QuickTime , forme et IFRAME! Comparé à la version précédente (1.1.0 - qui ne gère que les images), puis, cette release candidate est des fonctionnalités améliorées sont également présents dans d'autres bibliothèques . . Les outils requis par Lighview à travailler très bien connus sont le prototype 1.6.0.2 et 1.8.1 Scriptaculous . Gliattributi bibliothèque sont utilisés pour gérer la class et la rel .

Intéressant qu'un aspect de cette bibliothèque est le soin extrême avec laquelle le graphique apparaît.

Score: 9 - Accueil Lightview

Suite ...

Bibliothèque lumière: Slimbox par une Shadowbox, les galeries en Javascript

Certains pourraient dire - et à juste titre - assez! Bibliothèques JavaScript (discrètes - et non intrusive ou en partie) pour gérer les images et les galeries il ya tant d'années. Quoi qu'il en soit, voici la liste, avec avantages et inconvénients, la meilleure que j'ai essayé.

Slimbox 01:41

Extrêmement minime, 7K (version 1.41), nécessite mootools au travail. Comme indiqué sur la page d'accueil est un clone de véritables graphe Visionneuse , nous allons voir ci-dessous. Honnêtement, à part la compacité extrême de la bibliothèque ne possède pas des caractéristiques particulières. Sur le même site, cependant, vous pouvez également trouver un script pour générer run-time réflexions ... vous voudrez peut-être de limiter cette ;)

Note: -6 - Slimbox Accueil, Accueil Reflection.js pour MooTools

Lightbox2

Lightbox2 Un des plus connu et simple. Gère les images contenues dans ce communiqué sont (donc il ne fonctionne pas avec QuickTime, Flash ou autre). Pour fonctionner, nécessite Prototype et Scriptaculous . Utiliser l'attribut rel pour identifier les liens d'images à traiter:

1
"images/image-1.jpg" rel = "lightbox" title = "my caption" > image #1 < / a > < une href = "images/image-1.jpg" rel = "lightbox" title = "mon titre"> l'image # 1 </ une >

Comme les autres bibliothèques que nous allons le voir, supporte le mode diaporama, entrez un identifiant entre crochets dans une série de lien / image:

1
2
3
"images/image-1.jpg" rel = "lightbox[roadtrip]" > image #1 < / a > < une href = "images/image-1.jpg" rel = "lightbox [roadtrip]"> l'image # 1 </ une >
"images/image-2.jpg" rel = "lightbox[roadtrip]" > image #2 < / a > < une href = "images/image-2.jpg" rel = "lightbox [roadtrip]"> l'image # 2 </ une >
"images/image-3.jpg" rel = "lightbox[roadtrip]" > image #3 < / a > < une href = "images/image-3.jpg" rel = "lightbox [roadtrip]"> image # 3 </ une >

Score: 6 - Lightbox2 Haut

LIGHTWINDOW 2.0

LightWindow 2.0 Ceci est également assez courant! Après tout comment pouvez-vous dire lequel est utilisé? ;) . Toutefois, il est extrêmement complet et polyvalent. Sur le site de stands de la demande de dons pour l'achat d'un Mac ... et en appuyant un peu envahissante ... Cependant, comme ci-dessus, mais pour son fonctionnement, nécessite la présence de Prototype et de Scriptaculous . Contrairement à son prédécesseur, cependant, cela vous permet d'afficher les types de fichiers moltisiimi: à partir des images, des films QuickTime, films Flash, externe pages HTML et PDF. ) altri obbligatori ( class e params - per impostare il comportamento della libreria). En revanche, utilise des attributs différents, d'autres facultatives ( author, caption et title ) d'autres obligatoires ( class et params - pour définir le comportement de la bibliothèque). Par exemple, pour afficher une galerie ou un diaporama en utilisant l'attribut 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 > < une href = "gallery/0-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "Left Behind" caption = "super savoureux! Look" author = "Inconnu"> l'image # 1 </ une >
"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 > < une href = "gallery/1-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "Méfiez-vous des warewolves ..." caption = "Je ne devrais pas faire ça quand j'ai faim" l'image author = "Inconnu"> n ° 2 </ une >
"gallery/2-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "That was good!" caption = "Take that sushi!" author = "Unknown" > image #3 < / a > < une href = "gallery/2-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "C'était bon!" caption = "Prenez cette sushis!" author = "Inconnu"> image # 3 </ une >

Score: 8 - Accueil LightWindow 2.0

ShadowBox 1.0B

Shadowbox Bien que la version 1.0 beta, c'est peut-être la bibliothèque la plus complète, tant du point de vue fonctionnel est supporté par les bibliothèques. Pour son fonctionnement, en fait, vous pouvez choisir parmi une variété de cadres, avec le fichier "adaptateur" spécialement fabriqués et fournis par l'auteur:

L'effet visuel (configurable via la peau / css), puis, contrairement aux autres, est certainement plus attrayant. Les attributs utilisés sont uniquement rel où, dans son espace interne sont tous les autres paramètres de configuration. Par exemple, pour créer une galerie, il suffit d'utiliser:

1
2
"beach.jpg" rel = "shadowbox[Vacation]" > The Beach < / a > < une href = "beach.jpg" rel = "shadowbox [de vacances]"> La Plage </ une >
"pier.jpg" rel = "shadowbox[Vacation]" > The Pier < / a > < une href = "pier.jpg" rel = "shadowbox [de vacances]"> The Pier </ une >

Si vous souhaitez définir des options ( voir site Internet pour la liste complète ) il suffit d'utiliser la syntaxe suivante:

1
"myimage.jpg" rel = "shadowbox;options={overlayOpacity: 0.5, resize: false}" > My Image < / a > < une href = "monimage.jpg" rel = "shadowbox; options = {overlayOpacity: 0,5, redimensionner: false}"> Mon image </ une >

Sur Internet, ils peuvent trouver d'autres, tels que JS Highslide . En fait, si vous voulez signaler une autre bibliothèque ... En tout cas, personnellement, je préfère Shadowbox pour plus de simplicité, d'évolutivité et de la Croix-cadre.

Score: 9 - Haut Shadowbox 1.0B

Suite ...