Archives FluxBB.fr

cavalier19

Membre

Modification Lightbox

Re Salut c'est encore moi,
Je viens d'installer le MOD de la lightbox sur mon forum avec cette version:

http://www.punbb.fr/mods/mod.php?id=84

Est ce possible de l'améliorer lorsqu'il y a plusieurs photos dans le même post qu'il y ai à droite "Suivant" et à gauche "Précédent" pour faciliter la navigation ?
Merci d'avance pour votre aide

M@x

Membre

Re : Modification Lightbox

Salut le spammeur

J'ai personnellement résolu ce soucis mais jamais pensé à le signaler. Il suffit de vérifier les chemins (dans le style.css et au début d'un des fichiers javascript) des images et le tour est joué.

Voilà.

---

...

cavalier19

Membre

Re : Modification Lightbox

Merci de ta réponse M@x.
Il suffit de vérifier le chemin mais il faut modifier un bout de code non ?
Comme je suis pas expert en la matière j'ai un peu de mal tu saurais pas me dire les lignes à modifier ?
Merci d'avance et désolé de t'embêter c'est pour une bonne cause hihi

M@x

Membre

Re : Modification Lightbox

Met tes fichiers sur un FTP. (Le css, et les js) TU les convertis en .txt pour que je te donne les lignes exactes.

---

...

cavalier19

Membre

Re : Modification Lightbox

Voici les fichiers sous formats .txt :

Les fichiers .js

http://cavalier.ovh.org/lightbox/effects_js.txt
http://cavalier.ovh.org/lightbox/lightbox_js.txt
http://cavalier.ovh.org/lightbox/prototype_js.txt
http://cavalier.ovh.org/lightbox/scriptaculous_js.txt

Le fichiers .css

http://cavalier.ovh.org/lightbox/lightbox_css.txt

Voila
Un grand merci d'avance c'est super sympa !

PS: Sur mon site j'ai déjà un système de lightbox pour exposer les photos, et pour la navigation suivant et précédent, j'ai des images si ça peut t'aider les voici:

http://pompiers-berni.ovh.org/images/nextlabel.gif pour la photo suivante
http://pompiers-berni.ovh.org/images/prevlabel.gif pour la photo précédente

Dernière modification par cavalier19 (04-01-2009 21:46:13)

M@x

Membre

Re : Modification Lightbox

Lignes 65 et 66 de http://cavalier.ovh.org/lightbox/lightbox_js.txt
Lignes 63 et 63 de http://cavalier.ovh.org/lightbox/lightbox_css.txt

A toi de mettre le bon chemin.

---

...

cavalier19

Membre

Re : Modification Lightbox

Je comprend pas trop comment rajouter donc regarde si c'est ça:

Lignes 65 et 66 de http://cavalier.ovh.org/lightbox/lightbox_js.txt

J'ai rajouté le chemin pour suivant et précédent

(ligne 65) > var fileLoadingImage = "images/loading.gif";       
(ligne 66) > var fileBottomNavCloseImage = "images/closelabel.gif";
(ligne 67 ajouté) >var fileBottomNavnextlabelImage = "images/nextlabel.gif";
(ligne 68 ajouté) >var fileBottomNavprevlabelImage = "images/prevlabel.gif";

Lignes 63 et 63 de http://cavalier.ovh.org/lightbox/lightbox_css.txt

Ici la ligne 63 est } ?
Je dois faire quoi la ?

#imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%   
(ligne 63)    }

Merci de ton aide

M@x

Membre

Re : Modification Lightbox

Lignes 65 et 66 de http://cavalier.ovh.org/lightbox/lightbox_js.txt
Lignes 52 et 53 de http://cavalier.ovh.org/lightbox/lightbox_css.txt

A toi de mettre le bon chemin.

C'est simple. Tu change correctement les chemin et les nom des image par exemple :

../img/retour.png

---

...

cavalier19

Membre

Re : Modification Lightbox

Je suis d'accord avec toi donc j'ai ajouté les deux lignes dans le lightbox_js.txt

(ligne 67 ajouté) >var fileBottomNavnextlabelImage = "images/nextlabel.gif";
(ligne 68 ajouté) >var fileBottomNavprevlabelImage = "images/prevlabel.gif";

Donc le next et le prev est dans mon dossier images c'est correcte ?

Et dans le lightbox_css.txt

Ici la ligne 63 est } comme j'ai dis dans le post précédent que dois-je rajouter exactement à cette ligne car je ne sais pas

Si tu veux met directement le code à modifier ça sera peut-être plus simple car j'ai du mal avec le code je sais pas trop quoi faire
Merci

M@x

Membre

Re : Modification Lightbox

J'ai beau chercher je n'ai jamais parlé de modifier...

Donc voici les lignes à modifier :
Dans lightbox_js :

var fileLoadingImage = "images/loading.gif";        
var fileBottomNavCloseImage = "images/closelabel.gif";

Dans lightbox_css :

background: url(../images/prevlabel.gif) left 15% no-repeat;
background: url(../images/nextlabel.gif) right 15% no-repeat;

Si tu comprend toujours pas, donne moi l'adresse de tes images :
- Précédent
- Suivant
- Fermeture
- Chargement

---

...

cavalier19

Membre

Re : Modification Lightbox

Je préfère de donner directement les adresse de mes images pour éviter les complications

http://cavalier.ovh.org/forum/lightbox/ … elabel.gif
http://cavalier.ovh.org/forum/lightbox/ … tlabel.gif
http://cavalier.ovh.org/forum/lightbox/ … vlabel.gif
http://cavalier.ovh.org/forum/lightbox/ … oading.gif

Voila

M@x

Membre

Re : Modification Lightbox

Dit moi tu utilise une modification ou tu as ré-installé la lightbox de base ?!

Parce que à voir cette adresse : http://cavalier.ovh.org/forum/lightbox/

Non !

---

...

cavalier19

Membre

Re : Modification Lightbox

C'est la lightbox de base
Qui se trouve ici http://www.punbb.fr/mods/mod.php?id=84

Ps: Cette page est la pour la bonne raison qu'avant de demander de l'aide comme j'ai déjà un système de lightbox sur mon site, j'avais testé les fichiers de la lightbox de mon site sur mon forum punbb pour voir si ça fonctionner avec la navigation suivant et précédent. Comme j'ai vu que ça ne fonctionne pas je suis venu sur ce forum demander de l'aide

Dernière modification par cavalier19 (05-01-2009 18:27:47)

cavalier19

Membre

Re : Modification Lightbox

Est ce que vous pouvez m'aider afin que je puisse finir la lightbox ?
Merci beaucoup

M@x

Membre

Re : Modification Lightbox

Désolé je n'ai pas répondu mais de toute façons je ne compte pas de donner de code tout "maché". J'ai écrit noir sur blanc la méthode et tu ne prend pas la peine de chercher. C'est un peu dommage

Tiens pour t'aider à réfléchir : http://www.siteduzero.com/tutoriel-3-13 … e-css.html

---

...

cavalier19

Membre

Re : Modification Lightbox

tu ne prend pas la peine de chercher. C'est un peu dommage

La je t'arrête de suite.
J'ai cherché, j'ai changé le code, j'ai même changé de nom dans mon ftp pour essayer que ça marche, je n'allais pas poster en disant que je cherche et que je n'ai pas le résultat attendu, j'attendais simplement que tu puisses m'aider, toi tu crois que je me tourne les pousses à t'attendre.
Malheureusement je n'ai toujours pas trouvé le bon système pour que ça marche...
Merci de ton aide quand même et merci de donner ton avis sur moi alors que tu te trompes c'est bien dommage aussi car j'ai vraiment cherché sans résultat le "Suivant et le "Précédent" ne s'affiche pas ...

Dernière modification par cavalier19 (07-01-2009 21:08:03)

M@x

Membre

Re : Modification Lightbox

As-tu lu le cours que je t'ai donné au moins ?

Parce que tu n'a que 4 petites lignes à modifier pour que les images apparaissent.. et en plus si tu apprendrait d'autres trucs utilises en programmation.

---

...

cavalier19

Membre

Re : Modification Lightbox

As-tu lu le cours que je t'ai donné au moins ?

Oui merci
Mais c'est exactement le même que tu m'as donné dans un message précédent:

background: url(../images/prevlabel.gif) left 15% no-repeat;
background: url(../images/nextlabel.gif) right 15% no-repeat;

Mes images sont dans le dossier images dans le dossier lightbox, pourtant le "Suivant" et le "Précédent" ne s'affiche pas !
Et je comprend pas car le "Fermer" s'affiche donc c'est bien dans le bon dossier

M@x

Membre

Re : Modification Lightbox

Passe moi l'adresse de ton site avec un exemple. (Visible pour les invités ou crée moi un compte )

---

...

M@x

Membre

Re : Modification Lightbox

Ouvre lui.

Cherche :

images/prevlabel.gif

Remplace par

../images/prevlabel.gif

De même que :

images/nextlabel.gif

Par

../images/nextlabel.gif

---

...

cavalier19

Membre

Re : Modification Lightbox

Merci pour l'aide !
Je viens de faire le changement regarde mais le "Suivant" et "Précédent" ne s'affiche pas chez moi ... et toi ?

M@x

Membre

Re : Modification Lightbox

Elle est encore moins bien adapté que je le pensait

Sur cette modification, les attributs de la lightbox sont sous la forme "rel="lightbox"" alors qu'ils devraient être sous la forme : "rel="lightbox[]"".

Ouvre ton include/parser.php et recherche donc rel="lightbox" et remplace par rel="lightbox[]" (Il existe peut-être plusieurs fois)

---

...

cavalier19

Membre

Re : Modification Lightbox

Merci beaucoup comme tu peux le voir ça marche !
Tu vois que j'avais cherché, malheureusement ça ne fonctionnait pas.
Tu es très fort encore bravo je suis super content