Discussion :

[marco_id]

Tout d'abord, bonjour tout le monde, je me présente Marco graphiste (et pas développeur si vous voyez ce que je veux dire^^), merci d'avance pour vos réponses.

Je refais mon site perso et j'ai décidé d'utiliser la galerie http://www.huddletogether.com/projec...box2/#download
Je réussis à faire fonctionner cette galerie (incredible!); mais, j'utilise la galerie par le biais d'une iframe. Ainsi, quand je clique sur les images de preview qui me servent de liens pour lancer la galerie, ça s'ouvre dans l'iframe et pas dans la page principale de mon site du coup je ne vois pas les images entièrement.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td width="116" rowspan="2"><a title="Abstract with brushes and render" rel="lightbox[roadtrip]" href="../images/img01.jpg" target="_parent"><img src="../images/index_05.jpg" width="116" height="116" alt="Preview pixel explosure" /></a></td>

target="_parent" ne fait pas revenir la galerie par dessus l'iframe, comment dois-je procéder?

[keskidi]

Tout d'abord, bonjour tout le monde, je me présente Marco graphiste (et pas développeur si vous voyez ce que je veux dire^^), merci d'avance pour vos réponses.

Je refais mon site perso et j'ai décidé d'utiliser la galerie http://www.huddletogether.com/projec...box2/#download
Je réussis à faire fonctionner cette galerie (incredible!); mais, j'utilise la galerie par le biais d'une iframe. Ainsi, quand je clique sur les images de preview qui me servent de liens pour lancer la galerie, ça s'ouvre dans l'iframe et pas dans la page principale de mon site du coup je ne vois pas les images entièrement.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td width="116" rowspan="2"><a title="Abstract with brushes and render" rel="lightbox[roadtrip]" href="../images/img01.jpg" target="_parent"><img src="../images/index_05.jpg" width="116" height="116" alt="Preview pixel explosure" /></a></td>

target="_parent" ne fait pas revenir la galerie par dessus l'iframe, comment dois-je procéder?

Salut,
je dis peut être une connerie, mais à mon avis, c'est pas possible.
le script de lightbox génère une structure

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
       //  <div id="overlay"></div>
        //  <div id="lightbox">
        //      <div id="outerImageContainer">
        //          <div id="imageContainer">
        //              <img id="lightboxImage">
        //              <div style="" id="hoverNav">
        //                  <a href="#" id="prevLink"></a>
        //                  <a href="#" id="nextLink"></a>
        //              </div>
        //              <div id="loading">
        //                  <a href="#" id="loadingLink">
        //                      <img src="images/loading.gif">
        //                  </a>
        //              </div>
        //          </div>
        //      </div>
        //      <div id="imageDataContainer">
        //          <div id="imageData">
        //              <div id="imageDetails">
        //                  <span id="caption"></span>
        //                  <span id="numberDisplay"></span>
        //              </div>
        //              <div id="bottomNav">
        //                  <a href="#" id="bottomNavClose">
        //                      <img src="images/close.gif">
        //                  </a>
        //              </div>
        //          </div>
        //      </div>
        //  </div>

à la fin de la page de manière automatique, ce code se trouve donc dans la page qui est dans le iframe.
Il ne s'agit donc pas de page html généré, mais de div généré, or un div, à ma connaissance ne peut pas sortir d'un iframe pour aller sur le parent.
Il faudrait donc que tu utilises autre chose que lightbox comme par exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a title="Abstract with brushes and render" href="agrandir.html?url=images/img01.jpg&titre=Bla bla" target="_parent"><img src="../images/index_05.jpg" width="116" height="116" alt="Preview pixel explosure" /></a>

avec une page agrandir.html qui gère l'agrandissement (code javascript pour récupérer image et titre) mais bon, ça sera forcément moins joli que lightbox
... A moins de pouvoir déclencher lightbox à l'affichage de la page agrandir ... faut voir si ça peut se goupiller comme ça (en gros ta page agrandir correspond aux liens lightbox actuel de ta page iframe, quand tu lances agrandir, le script génère les div, et tu déclenches automatiquement l'affichage de la photo ad-hoc à travers lightbox, en modifiant le script pour que la fermeture de la fenêtre lightbox fasse en fait un retour à la page précédente ... )

Enfin bon, c'est pas trivial, ... si tu débutes.

[Invité]

Bonjour,
il existe un autre moyen, qui consiste a aller trifouiller dans les fichiers du template (les css), pour modifier notamment la taille d'affichage des images, pour qu'elles puissent "tenir" dans l'iframe.
Encore faut-il trouver de quels id de div il faut modifier les paramètres.

Je l'ai fait récemment : j'en ai encore les yeux qui piquent ...

A moins que dans l"admin" ou le "support" de "Lightbox2", il soit possible de changer facilement ces parametres !

[marco_id]

Merci les gars de votre attention,

Bien que je ne sois pas un kador en anglais j'ai trouvé la soluce dans le lien cité dans ma question
On peut lire de se rediriger vers une autre galerie qui est plus légère une page js au lieu d'un dossier de 5 pages et une page css au lieu d'un dossier...
http://www.dolem.com/lytebox/
Ici, on trouve donc une galerie où tout en bas de la page on spécifie l'astuce pour bien placer les liens selon les pages parent ou fils...
Le lien de la page css sur la page parent et le lien de la page js sur la page iframe
Cependant, ce qui n'est pas spécifié dans l'exemple de la page pour mon cas l'exemple 2 groupe d'images le chemin est en relatif hors pour que ça marche il faut que mon lien soit en absolu (en ligne et en local) sinon la galerie s'ouvre et fonctionne bien mais sans les images...
Donc merci les css! faut que je m'y mette! koi je suis en retard!
Je vous poste le site dans une semaine... j'espère arf!
Sinon il y avait peut-être une autre solution en js pour que le lien garde le focus mais bon trop dur pour moi...