Plusieurs albums Lighbox sur page

Documentations et Dossiers [Réglé] Plusieurs albums Lighbox sur page

EDN actif(ve)

Rang

Inscrit le : 06/05/2012 à 00h40

Le 12/05/2012 à 10h01

Bonjour,

( j'aimerais metttre une description quand on affiche une image avec la lightbox, par exemple quand on clique sur la 1ere image c'est écrit en dessous de la photo; "image 1 of 7" et j'aurais voulu mettre au dessus de ce texte le nom du chat. Comment faire ?

Ensuite, j'aimerais également mettre un texte au survole de l'image en miniature avec la souris. Je connais un code mais le problème c'est que je l'utilise sur une photo et là c'est un code html. Comment faire ? )

Puis, j'aimerais que la lighbox fasse différents albums sur une page. Par exemple, quand on clique sur la photo du chat1 on a que les photos du chat1 sur la lightbox et non ceux du chat2. Comment faire ?

Merci

http://delalumiereeternelle.fr/pages/pages.php?title=chatons-british

Edit; Donc pour le texte en survole j'ai trouvé, il fallait juste mettre; « title="Chat 1" ».
ALLELUJAH, enfin j'ai trouvé seule ... bon c'était plutot facile mais on ne passe pas a coté de ça. x)

Edit; Oh mais attendez ... c'est que j'ai également trouvé pour mettre un titre dans la lightbox ! Grace à mes déductions. J'ai, en fait, mis le même code devant les URL des photos agrandis.

Edité par Gorillette Le 12/05/2012 à 15h56

saturnin

Administrateur

Rang

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 12/05/2012 à 16h03

c'est une histoire dans le roadtrip il me semble, mais c'est propre a lightbox.
je sais plus si il faut les mettre dans un dossier séparer, ou si il y a une methode ?¿

signaturesaturnin

Accroche toi au clavier, je retire le shell...

Site web

Gorillette

EDN actif(ve)

Rang

Inscrit le : 06/05/2012 à 00h40

Messages: 13

Le 12/05/2012 à 16h28

:/ Merci quand même c:

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 12/05/2012 à 16h47

Donc je viens de regarder sur le site de Lightbox 2. Il procède de cette façon pour n'appeler que la catégorie de photos souhaitées :

Code TPL :

  <div class="imageRow">
  <div class="set">
    <div class="single first">
    <a href="images/examples/image-3.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/examples/thumb-3.jpg" alt="Plants: image 1 0f 4 thumb" /></a>
  </div>
      <div class="single">
    <a href="images/examples/image-4.jpg" rel="lightbox[plants]" title="Alternately you can press the right arrow key." ><img src="images/examples/thumb-4.jpg" alt="Plants: image 2 0f 4 thumb" /></a>
      </div>
      <div class="single">
    <a href="images/examples/image-5.jpg" rel="lightbox[plants]" title="The script preloads the next image in the set as you're viewing."><img src="images/examples/thumb-5.jpg" alt="Plants: image 3 0f 4 thumb" /></a>
      </div>
      <div class="single last">
    <a href="images/examples/image-6.jpg" rel="lightbox[plants]" title="Click the X or anywhere outside the image to close"><img src="images/examples/thumb-6.jpg" alt="Plants: image 4 0f 4 thumb" /></a>
      </div>
  </div>
  </div>

Ensuite est ce que cela fonctionne ici, je sais pas , j'ai pas testé.. cela doit se jouer sur le alt.

peut-etre un début de réponse dans ce code ^^

swan_signature

Site web

Gorillette

EDN actif(ve)

Rang

Inscrit le : 06/05/2012 à 00h40

Messages: 13

Le 12/05/2012 à 18h04

Ce code marche mais il ne différencie pas les albums ... enfin c'est sur la bonne voie car les photos de ce code ne se mélange pas avec le code du tuto. J'ai essayé de mettre plusieurs fois ce code avec différentes images mais ça ce mélange. :/

Merci !

Edit; c'est bon ! J'ai été sur le site que tu m'as donné Swan et j'ai lu. En fait, si tu veux qu'il y est différents albums, il faut changer les titres dans les crochets après "lightbox".

Merci beaucoup, ce topic est définitivement résolu et je pense que je n'aurais plus à poster sur la lightbox !

Encore merci ! Edité par Gorillette Le 12/05/2012 à 18h29

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie

Les 10 derniers messages du forum...