Tutoriels vidéo art graphique gratuits

 
Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Pages: [1]   En bas

Auteur Sujet: [RÉSOLU] Problème avec lightbox  (Lu 6301 fois)

Adel

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 403
    • Live Messenger (MSN) - adelkamel@hotmail.fr
    • Voir le profil
    • Adel Kamel - Porte Folio
    • E-mail
[RÉSOLU] Problème avec lightbox
« le: novembre 11, 2008, 20:41:30 pm »

Bonsoir à tous,

Je travail actuellement sur mon porte folio en ligne et j'ai opté pour la "solution" LIGHTBOX pour exposer mes travaux. Je n'es pas rencontré de problème dans l'installation des feuilles de style en CSS, lorsque je clique sur un lien l'animation ce lance normalement mais .... les images ne s'affichent pas dans l'ordre. Je m'explique :

<a href="../images/lightbox_ban_autopromo/fittingbox/carre.gif" rel="lightbox[roadtrip]" title="Fitting Box Essaie de lunette">

<a href="../images/lightbox_ban_autopromo/fittingbox/megaban.gif" rel="lightbox[roadtrip]" title="Fitting Box Essaie de lunette">

<a href="../images/lightbox_ban_autopromo/fittingbox/miniban.gif" rel="lightbox[roadtrip]" title="Fitting Box Essaie de lunette">
                            Bannières autopromos</a>

Voici le code source pour lancer les images, il y a donc 3 images et l'animation au lieu de commencer par l'image numéro 1 sur 3, commence par l'image numéro 3 sur 3 ce qui obligera le futur internaute à cliquer sur le bouton PREV au lieu de NEXT ...ce n'est pas très logique.

J'ai probablement oublié une valeur ou un attribut dans le code, je n'es pas trouvé grand chose sur le site http://www.lokeshdhakar.com/projects/lightbox2/#download alors je me tourne vers vous en espérant que vous pourrez m'aider.

Cordialement,

Adel
« Modifié: novembre 12, 2008, 22:48:06 pm par Adel »
IP archivée

Deodys

  • Wisi Pilier de comptoir
  • **
  • Hors ligne Hors ligne
  • Messages: 53
    • Voir le profil
    • z-brice portfolio
Re : Problème avec lightbox
« Réponse #1 le: novembre 11, 2008, 21:01:14 pm »

Salut,

Tu utilises des balises 'a' dans ton code et celles-ci impliquent une ouverture de la balise ainsi qu'une fermeture mais dans le code que tu nous montre tu ne ferme que la dernière de tes trois balises.

Ton lien intitulé 'Bannières autopromos' concernera donc la dernière balise...

Exemple :

<a href='galerie/01.jpg' rel='lightbox[roadtrip]'>photo 1</a>
<a href='galerie/02.jpg' rel='lightbox[roadtrip]'>photo 2</a>
<a href='galerie/03.jpg' rel='lightbox[roadtrip]'>photo 3</a>

Avec ce code, si tu cliques sur 'photo 1' tu débuteras ton affichage sur la photo 1, si tu cliques sur 'photo 2' tu débuteras sur la photo 2 et 'photo 3' sur la 3.

Maintenant si tu ne veux pas un lien pour chacune des images, tu peux faire ça :

<a href='galerie/01.jpg' rel='lightbox[roadtrip]'>Mes photos</a>
<a href='galerie/02.jpg' rel='lightbox[roadtrip]'></a>
<a href='galerie/03.jpg' rel='lightbox[roadtrip]'></a>

Là tu débuteras ton affichage sur la photo 1 en cliquant sur 'Mes photos'

Voilà, j'espère avoir été clair dans mon explication et j'espère que ça t'aideras à résoudre ton problème !
IP archivée
<- Un portfolio tout neuf à venir voir d'urgence ;-)

Adel

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 403
    • Live Messenger (MSN) - adelkamel@hotmail.fr
    • Voir le profil
    • Adel Kamel - Porte Folio
    • E-mail
Re : Problème avec lightbox
« Réponse #2 le: novembre 12, 2008, 22:47:37 pm »


Merci beaucoup Deodys, ça marche très bien maintenant  :)
IP archivée

Deodys

  • Wisi Pilier de comptoir
  • **
  • Hors ligne Hors ligne
  • Messages: 53
    • Voir le profil
    • z-brice portfolio
Re : [RÉSOLU] Problème avec lightbox
« Réponse #3 le: novembre 13, 2008, 18:17:23 pm »

Mais de rien  ;)
IP archivée
<- Un portfolio tout neuf à venir voir d'urgence ;-)
 



Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
Contact - Wisibility est une marque déposée

Blog - Tutoriels - Wisi TV - Forum