> Tous les forumsForum des Webmasters

 Problème avec LightboxSujet résolu
Statut du sujet : RESOLU Imprimer
 Gillquessoy
  Posté le 12/08/2008 @ 12:24  
 Petit astucien

156 Messages

bonjour

j'essaye d'installer Lightbox sur mon site pour afficher mes images

j'ai suivi ce tuto

mais rien ne se passe, la photo en grand ne s'affiche même pas!

ici ma page de test

je rame dur

 Afficher le profil de GillquessoyEnvoyer un message privé à Gillquessoy
 
 
Publicité
 Dreamer  Posté le 12/08/2008 à 19:03  
Astucien


4213 Messages

Salut

Il y a plein d'erreurs , je te mets tout ça au propre , car tu n'as pas utilisé les bons scripts et tu dois aussi ajouter des images comme close.gif , etc ........

Je te donne ça dans une petite heure ........

Afficher le profil de Dreamer Voir la configuration de DreamerEnvoyer un message privé à Dreamer
 Revenir en haut de la page
 Dreamer  Posté le 12/08/2008 à 19:19  
Astucien


4213 Messages

Re

J'ai pas attendu une heure .......

Bon , dans la mesure où tu as bien mis les scripts lightbox.js , lightbox.css dans les dossiers LB/js et LB/css les images : loading.gif , close.gif et overlay.png dans ton dossier images tout devrait fonctionner .

Ton script lightbox.css : http://cjoint.com/?imtnsy4HzJ

Ton script lightbox.js : http://cjoint.com/?imtpDenMgt

Ton script essai.html :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>U.S.Quessoy - Equipe 13 ans 2003-2004</title>
<meta name="description" content="USQuessoy,retrouvez tout sur l'USQ,equipes de football u.s.Quessoy, joueurs, effectif, histoire, infos, club, championnats et coupes.">
<meta name="keywords" content="quessoy, us quessoy, usq, usquessoy, union sportive quessoy">
<link rel="stylesheet" type="text/css" href="styles/infos-pratiques.css">
<link rel="icon" type="image/png" href="images/favicon.png" />
<link rel="stylesheet" href="http://u.s.quessoy.free.fr/LB/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://u.s.quessoy.free.fr/LB/js/lightbox.js"></script>
</head>
<body>
<a href="http://u.s.quessoy.free.fr/images/equipe_a_07_08.jpg" rel="lightbox"><img src="http://u.s.quessoy.free.fr/archives/equipe_a_07_08.jpg" width="200" height="120" border="1" alt="Equipe A 2007-2008"></a>
</body>
</html>

N'oublies pas de mettre tes liens en absolu , pas en relatif !

A +

Afficher le profil de Dreamer Voir la configuration de DreamerEnvoyer un message privé à Dreamer
 Revenir en haut de la page
 Gillquessoy  Posté le 12/08/2008 à 19:42  
Petit astucien

156 Messages

merci dreamer

toujours aussi réactif!

je m'y colle dans la soirée

A+

Afficher le profil de GillquessoyEnvoyer un message privé à Gillquessoy
 Revenir en haut de la page
 Dreamer  Posté le 12/08/2008 à 19:45  
Astucien


4213 Messages

Re-moi

Un truc que j'ai oublié dans la la grande image , tu peux rajouter une description avec la balise title=""

A +

Afficher le profil de Dreamer Voir la configuration de DreamerEnvoyer un message privé à Dreamer
 Revenir en haut de la page
 Gillquessoy  Posté le 12/08/2008 à 21:22  
Petit astucien

156 Messages

super ça marche

juste un petit truc je ne trouve pas la ligne de code du texte qui s'affiche en bas à droite

j'aurais besoin de le modifier

merci d'avance!

Afficher le profil de GillquessoyEnvoyer un message privé à Gillquessoy
 Revenir en haut de la page
 Gillquessoy  Posté le 12/08/2008 à 21:42  
Petit astucien

156 Messages

C'est bon, tout est réglé!

merci encore

Afficher le profil de GillquessoyEnvoyer un message privé à Gillquessoy
 Revenir en haut de la page
 Dreamer  Posté le 12/08/2008 à 21:53  
Astucien


4213 Messages
Gillquessoy a écrit :

super ça marche

juste un petit truc je ne trouve pas la ligne de code du texte qui s'affiche en bas à droite

j'aurais besoin de le modifier

merci d'avance!

C'est simple dans cette ligne

<a href="http://u.s.quessoy.free.fr/images/equipe_a_07_08.jpg" rel="lightbox" title="Photo de l'équipe"><img src="http://u.s.quessoy.free.fr/archives/equipe_a_07_08.jpg" width="200" height="120" border="1" alt="Equipe A 2007-2008"></a>

Tu écris ce que tu veux dans le title !!

A +

Afficher le profil de Dreamer Voir la configuration de DreamerEnvoyer un message privé à Dreamer
 Revenir en haut de la page
 y.bli  Posté le 13/08/2008 à 23:01  
Astucien

3841 Messages
Dreamer a écrit :

N'oublies pas de mettre tes liens en absolu , pas en relatif !

Bonjour,

ah bon ? j'utilise ce script avec les liens en relatif et ça marche...

@+

Afficher le profil de y.bli Voir la configuration de y.bliEnvoyer un message privé à y.bli
 Revenir en haut de la page
 Dreamer  Posté le 13/08/2008 à 23:32  
Astucien


4213 Messages
y.bli a écrit :
Dreamer a écrit :

N'oublies pas de mettre tes liens en absolu , pas en relatif !

Bonjour,

ah bon ? j'utilise ce script avec les liens en relatif et ça marche...

@+

J'ai vu comment il mettait ses liens en relatif , c'est pour cela que je lui ai conseillé cette manoeuvre !!

Afficher le profil de Dreamer Voir la configuration de DreamerEnvoyer un message privé à Dreamer
 Revenir en haut de la page
 y.bli  Posté le 14/08/2008 à 17:07  
Astucien

3841 Messages
Dreamer a écrit :

J'ai vu comment il mettait ses liens en relatif , c'est pour cela que je lui ai conseillé cette manoeuvre !!

OK, mais comme j'ai l'habitude de considèrer que les post ne sont pas des conversations particulières mais des informations pour tout le monde, j'ai voulu vérifier mes scripts...

@+

Afficher le profil de y.bli Voir la configuration de y.bliEnvoyer un message privé à y.bli
 Revenir en haut de la page
Haut de la page 
Inscrivez-vous !
- Posez vos questions

- Résolvez vos problèmes

- Aidez les autres

- Participez et créez vos discussions

- Dialoguez en privé avec d'autres membres

- Suivez vos sujets préférés

- Affichez les signatures des membres

TOUT EST GRATUIT !

Je crée mon compte




Vous avez besoin d'aide ?
Des centaines d'experts sont à votre disposition sur les forums PC Astuces pour vous aider gratuitement, 24h/24, 7j/7.

Les derniers sujets résolus !
 

 > Tous les forumsForum des Webmasters

 
Forum PC Astuces© 1997-2008 WebastucesAller en haut de la page