Lightview, une lightbox spéciale pour les images

Par j0k le mardi 15 janvier 2008, 12:08 dans développement - 10284 vues

Tout le monde connait maintenant le principe d'une lightbox, lors d'un clic sur un lien ou une image, un masque sombre se place sur tout le site et une popup JavaScript s'afficher au milieu de l'écran présentant un contenu. Il existe un sacré paquet de ligthbox pouvant afficher de l'HTML, inclure une page web, récupérer les données depuis une requête AJAX, afficher une galerie d'imagex, etc ...

Lightview permet d'afficher vos images sous la forme d'une lightbox mais en ajoutant des petits plus qui font qu'il se distingue des autres :

  • Très simple à installer
  • Gestion de galeries simple à mettre en place
  • Navigation avec le clavier
  • Redimensionnement automatique de la popup en fonction de la taille de l'image
  • Et ce qui est vraiment intéressant, possibilité de lancer le défilement de la galerie en mode "slideshow".

    image
    Pour finir, ce script est du même auteur que Prototip et Starbox (un système de notation à la volée).

5 commentaires en tout !

1. ff le mardi 15 janvier 2008, 05:05 #permalien
ff

Je vais tester ce script ce soir, je vous direz si c'est beau ou pas.
A+ :o)

2. ff le mercredi 16 janvier 2008, 12:04 #permalien
ff

Je viens de le testé, malheureusement les noms des classes de CSS qui l'utilise ce script se conflit avec les mien, bon j'ai fait un paramétrage sur ce script et ça donne un effet incroyable. Voilà le lien allez dans ALBUM PHOTOS [le site](http://rap4syf.tuninfo4u.com "Lien")

3. Anonymous le mardi 26 février 2008, 08:34 #permalien
Anonymous

C’est très intéressant, malheureusement je suis encore sous Lightbox, par conséquent il existe un certain nombre d’articles qui ont des images ayant un rel=”lightbox”. Or pour le portage vers ce script que je ferai volontiers il faudrait que ça soit rétro compatible avec les attributs lightbox préexistants. Y-a-til une solution, je suis nul en programmation, je me contente d’un modeste html pour rédiger mes billets sous Dotclear 1.2.6 !

4. j0k le samedi 01 mars 2008, 09:35 #permalien
j0k

Le problème, c'est que Lightview se base sur la class qui est passé en paramètre de l'image tandis que lightbox se base sur l'attribut rel. Du coup, ça n'est pas simple à changer ... Il faudrai que tu remplace tous tes rel="lightbox" par des class="lightview" (en faisant gaffe de ne pas écraser les éventuelles class que tu aurai déjà dans ta balise a).

Et pour gérer les galeries, il faut que tu utilises la balise rel avec Lightview.

Enfin, tout ça pour te dire que la rétrocompatibilité risque de ne pas être simple

5. Anonymous le mardi 29 avril 2008, 12:34 #permalien
Anonymous

Salut @ tous
J'ai créé une galerie a l'aide de jalbum et du plugin lightflow qui utilise aussi le lightview lol, j'ai utilisé un iframe pour afficher l'index de la galerie sur mon site et je voudrais que l'effet lightview se fasse sur la page du navigateur et non dans l'iframe, j'espère me faire comprendre.

Si quelqu'un peux m'aider ça serait très sympa, d'autant que je ne connais rien au js.

merci @+

Pensez à vous inscrire !

  • C'est rapide
  • Utiliser votre compte Facebook
  • Ou votre Open ID
Laisser un commentaire





Catégories


Tags


Liens