Webinventif

Pas mal. Par rapport à l’original, dommage que cette version n’accepte pas les raccourcis clavier pour paser d’une image à l’autre (N, P, etc).

Dans le même genre, mais plus sophistiqué, il existe Thickbox (toujours pour jQuery), qui permet d’afficher des images, du texte ou même une page web externe.

Démo ici : http://jquery.com/demo/thickbox/

Héhé, oui je connais Thickbox, c’est d’ailleurs lui que j’utilise pour ce site ^^

Je ferais un petit tuto dessus un de ces 4 (j’avoue que ça me fait peur car il est tellement complet, ça risque d’être long a décrire)

Je me suis essayé a l’installer, sachant que je n’y connais strictement rien, ca a été bidouille bidouille…

Bref j’ai réussi mais il me reste un probleme avec l’affichage du widget MyBlogLog sur la gauche.

Si quelqu’un peut m’aider… se serait cool. cliquer sur le lien et la premiere image (la chaussure) : http://guillaumedhy.zevillage.org/news/les-insolites-de-google-earth

Merci d’avance et merci beaucoup pour ce mini tuto !

Bonne continuation

Merci pour ce tuto et même ce lien vers ThickBox, que je ne connaissais pas !
Et c’est e-x-a-c-t-e-m-e-n-t ce que je cherchais !

un petit commentaire pour ajouter qu’il m’a fallu passer par $(document).ready(function()
{$(‘#galerie a’).lightBox();})et non le code que tu fournis pour le faire fonctionner sinon point de lightbox sur mon site mais faut dire que j’ai un peu abusé du java dessus : jquery.js, interface.js, rounded_corners_lite.inc.js et pour finir jquery.lightbox-0.3.js

Hello les gens !

J’ai un petit problème…
J’ai réussi à installé le jQuery sans trop de soucis…

Mon seul blem c’est que mon site est composé de la manière suivante :

Un fichier index.html dans lequel se trouve une .

Dans cette je charge une page dans laquelle se trouvent mes images à visionner en grand (donc des liens direct vers des .jpg).

Pour ke le jQuery marche, j’ai du mettre le script dans le head de la page chargée dans l’iframe.
Le soucis est que jQuery n’est visible que dans l’iframe.
(le background ne vas pas plus loin)
C’est logik, mais j’aimerais trouver un moyen de faire s’effectuer le jQuery en dehors de l’iframe…

J’ai tenté de mettre le code du scripte dans le head du fichier index.html, mais dans ce cas, les liens vers les images ne sont pas detectés et donc le jQuery ne fonctionne pas…

J’espère avoir été assez clair, et si l’un de vous a ne serait-ce qu’une petite idée pour me débloquer, il est le bienvenu !

Merci à tous !

Florent

salu ben moi je désespère je vois qu’aparament tout le monde réussit à l’installer, mais moi j’ai essayer de plusieurs facons mais…. aucun succés il veut pas marcher donc si quelqu’un peut me dire pourquoi il ne fonctionne pas ca serait magnifik.

Merci d’avance.

Salu.

Cédric.

Salut tt le monde,

Juste pour dire que si vous utilisez prototype.js avec la page, le script ne fonctionne pas.

$(« #galerie a »).lightBox();

@Fally :

C’est normal. Par défaut, Prototype, Mootools et jQuery utilisent $() pour désigner leur propre objet.

Pour faire fonctionner jQuery avec les autres, il y a une astuce (documentée sur le site de jQuery) : utiliser jQuery en mode « non conflictuel ». Cela donne ceci :

$jQ = jQuery.noConflict();

A partir de là, en se basant sur lightbox :
$jQ(« #galerie a »).lightBox();

Tout simplement Il doit y avoir des techniques similaires pour Prototype et autres afin d’éviter les redéfinitions.

Bonjour, merci des explications.

J’ai juste un petit soucis car je n’arrive pas a appliquer lightbox a toutes les images du site avec votre technique quelqu’un aurait une autre technique ou bien expliquer là ou il faut installer le script.

Merci

Cela fais longtemps que je suis l’évolution de ce lightbox jquery (depuis la beta 0.1 ) et je remarque qu’il reste quelque petit bug sous firefox 3.
J’attend la 0.6 avec impatience :p

Ce script est tout bonnement bidon.

Le gars s’est pas fais chier à remanier ce script, c’est ni fait, ni à faire.

Ah nikel, c’est exactement ce que je cherchais

Merci

Salut,

Un plugin de mon blog WP charge la librairie jQuery fournie avec WP. Est-il possible de rendre le lightbox compatible avec cette librairie là pour ne pas devoir charger la jQuery deux fois ?

Bonjour, merci pour les explications. J’ai juste un probleme, mes photos ne s’affiche pas entierement, on ne voit pas le bas et les cotés de l’image, est ce normal ?

Bonjour,

J’ai un problème pour faire fonctionner 2 plugin jquery ensemble : jquery lightbox et jquery easynews plus.

Il fonctionnent très bien séparément mais quand je mets les activations des ces 2 plugin à la suite, lightbox ne fonctionne plus.
help me please !

Hey, je suis en train de cree le site web de mon agence de projet dans le cadre de mes etudes, et j’aurais bien besoin de cette pitite Lightbox mais apparament elle bug totalemnt avec le javascript de mon menu ( c’est un petit script que j’ai trouver sur ce meme site d’ailleurs, vous savez, la petite div qui se deplace sous les boutons °°° ) Je n’est pas d’autres script, juste 1 feuilles de styles .css; Et donc mon petit probleme : je fais tout bien nikel type top perfect super cool mais la lightbox ne se lance pas, si je clique sur mes miniatures photos, elle apparaisent en taille réele sur une page blanche…. Voilà donc, si quelqu’un aurait une solution pour rendre la lightbox et mon autre script compatible, je vous en serais tres reconnaisant !

Merci d’avance !

Mario’

J’ai le même problème que Mario, je suis en train de refaire mon site, avec un menu déroulant sur le côté utilisant un jquery-1.3.1.js, si je l’enlève la lightbox jquery fonctionne parfaitement, si je le laisse évidemment ça plante, le menu fonctionne mais la lightbox ne fonctionne plus et les images s’affichent dans une page blanche. Une solution ?

Dehlya

Bon finalement j’ai trouvé, supprimé le jquery-1.3.1.js, que je soupçonne inutile, ajouté un rel= »lightbox » dans mes liens et supprimé la ligne : //$(‘a’).lightBox(); // Select all links in the page dans mon javascript. Et tout semble fonctionner correctement…pour l’instant

Dehlya

Bonjour,
je voudrais savoir comment enlever le numéro des images dans le fichier javascript, qu’il n’y est que le nom qui apparaisse .
Merci d’avance

BEN

Bonjour,

j’utilise pour mon site le script easyslider fonctionnant avec jquery, tout marche parfaitement, j’ai essayé d’intégrer le script pour la lightbox mais ça ne fonctionne pas, y a t-il une astuce pour faire co-habiter les 2 scripts jquery ensemble ? est-il possible qu’ils rentrent en conflit ?

Merci de votre aide précieuse,

Bon week end,

Emmanuel

@Dehlya
Moi, j’ai eu la même souci et je l’ai résout juste en placant le deux include de javascript devant la ligne $(« a.lightboxe »).lightBox();

@Dehlya
bonjour,
j’aimerais savoir si c’est normal qu’en utilisant jQuery lightBox plugin ça e marche pas dans des pages en php ?
merci beaucoup
laurent

Bjr à tous j’ai installé mais ça ne marche pas lorque je clique sur l’image voici mon code html:

Pour ma part cela marche très bien avec le php par contre le css est à paufiner je pense.