problème avec FancyZoom sur les légendes

[modernpinup]

Bonjour,

je suis nouvelle sur ce forum et donc, j'en profite pour me présenter et vous dire bonjour à tous!

Je suis photographe et je suis actuellement en train de refondre mon site
Pour les galeries, j'ai choisi d'utiliser un script java FancyZoom

Tout allait bien avant que je décide d'afficher des légendes sous les images
J'ai du me rendre sur le fichier FancyZoom.js pour activer les légendes qui étaient "hidden" et depuis mes manipulations, je rencontre deux problèmes :

le premier est un point noir qui s'affiche en haut à gauche de chacune de mes pages
il disparait au premier click sur une image, mais réapparaît à chaque rechargement

et le second est que la légende ne disparait pas à la fermeture de l'image

pour info, j'ai utilisé un modèle que j'ai créé et appliqué à toutes pages
et donc, j'ai inséré mon script FancyZoom dans mon modèle.
et je travaille sous Dreamweaver

pour exemple, voici une des pages : http://www.modernpin-up.net/gallery.html

j'espère que vous pourrez m'aider parce là, je patauge carrément...
merci par avance

 

[boobool]

Bon déjà il ne faut pas confondre java et javascript.
Ensuite qu'as tu mis à la place de hidden ? et où ?

 

[modernpinup]

bonjour
merci pour ta réponse

j'ai modifié les éléments suivants :

de la ligne 239 à 247

// Setup the CAPTION, if existing. Hide it first, set the text.

if (includeCaption) {
document.getElementById(zoomCaptionDiv).style.visibility = "hidden";
if (from.getAttribute('title') && includeCaption) {
// Yes, there's a caption, set it up
document.getElementById(zoomCaption).innerHTML = from.getAttribute('title');
} else {
document.getElementById(zoomCaption).innerHTML = "";
}
}

de la ligne 354 à 357

if (includeCaption && document.getElementById(zoomCaption).innerHTML != "alt") {
// fadeElementSetup(zoomCaptionDiv, 100, 0, 5, 1);
document.getElementById(zoomCaptionDiv).style.visibility = "visible";
}

de la ligne 426 à 433

if (includeCaption && document.getElementById(zoomCaption).innerHTML != "visible") {
// setOpacity(0, zoomCaptionDiv);
zoomcapd = document.getElementById(zoomCaptionDiv);
zoomcapd.style.top = parseInt(zoomdiv.style.top) + (zoomdiv.offsetHeight + 15) + 'px';
zoomcapd.style.left = (myWidth / 2) - (zoomcapd.offsetWidth / 2) + 'px';
zoomcapd.style.visibility = "visible";
// fadeElementSetup(zoomCaptionDiv, 0, 100, 5);
}

 

[boobool]

En fait tu essayes des trucs au hasard et tu regardes si ça marche c'est ça ?

 

[modernpinup]

En gros oui, vu que je ne maîtrise pas le Javascript
Une suggestion qui m'aiderait à résoudre mon problème peut-être?

 

[Niconemo]

j'ai modifié les éléments suivants :

Mais Qu'est ce que tu as modifié dans les lignes et en te basant sur quelles consignes ?

Si le script inclut la possibilité d'afficher les légendes, il de devrait y avoir qu'un seul réglage (très explicite) à modifier. Et le reste devrait suivre.

Donnes nous au moins un peu de matière pour te répondre. Où est le script original, où est décrite la manipulation à faire pour afficher les captions, etc. Si c'est à nous de chercher, tu risque d'attendre longtemps.

---------- Nouveau message ajouté à 08h05 ---------- Le message précédent a été envoyé à 07h59 ----------

Après une rapide recherche, je trouve :

Want to add a caption? Add a title tag in your href. That's it!

Traduction :

Vous voulez ajouter une légende ? Ajouter un tag title dans votre href. Et voilà !

Il n'est nulle par fait mention de modifications du code…

 

[modernpinup]

bonjour,

c'est bien ce que j'ai fait au départ, j'ai ajouter un tag "title" dans le href, sauf que rien ne se passait...

j'ai donc passé ces deux lignes qui étaient "hidden" en "visible"

// Position and display the CAPTION, if existing

if (includeCaption && document.getElementById(zoomCaption).innerHTML != "visible") {
// setOpacity(0, zoomCaptionDiv);
zoomcapd = document.getElementById(zoomCaptionDiv);
zoomcapd.style.top = parseInt(zoomdiv.style.top) + (zoomdiv.offsetHeight + 15) + 'px';
zoomcapd.style.left = (myWidth / 2) - (zoomcapd.offsetWidth / 2) + 'px';
zoomcapd.style.visibility = "visible";
// fadeElementSetup(zoomCaptionDiv, 0, 100, 5);

et depuis, j'ai ce point noir en haut des pages, et les légendes ne disparaissent pas à la fermeture des images

 

[boobool]

du type

<a href="#" title="mon titre"></a>

?

 

[modernpinup]

oui, c'est bien ce que j'ai ajouté à mon code



edit: J'ai réussi a faire disparaître les légendes, maintenant il me reste toujours ce point noir en haut a gauche...

 

[Niconemo]

edit: J'ai réussi a faire disparaître les légendes, maintenant il me reste toujours ce point noir en haut a gauche...

Au pire on doit pouvoir régler ça par CSS.
J'y jette un œil (en essayant de ne pas me laisser distraire par les photos ).

---------- Nouveau message ajouté à 14h17 ---------- Le message précédent a été envoyé à 14h06 ----------

Ajoute ça à la fin de ta CSS

/* Debogage FancyZoom : masque point qui apparait en haut a gauche*/
#ZoomCapDiv { left:-5000px; }

Ça envoie le point 5000px vers la gauche.

 

[modernpinup]

Merci

Bon pour palier à ça j'ai changé la couleur de l'ombrage des légendes (pour que ce soit la même couleur que le fond du site) et là ça devient invisible...

Apres cette 'bidouille' ne fonctionne pas partout, il semble que ce soit un problème de compatibilité, je m'explique:
C'est ko sur Chrome sous PC et Safari sous Mac OS.
Ok sur Firefox, IE, Opera, Safari sur PC et Opera et Firefox sous Mac OS.

---------- Nouveau message ajouté à 14h42 ---------- Le message précédent a été envoyé à 14h27 ----------

Au pire on doit pouvoir régler ça par CSS.
J'y jette un œil (en essayant de ne pas me laisser distraire par les photos ).

---------- Nouveau message ajouté à 14h17 ---------- Le message précédent a été envoyé à 14h06 ----------

Ajoute ça à la fin de ta CSS

/* Debogage FancyZoom : masque point qui apparait en haut a gauche*/
#ZoomCapDiv { left:-5000px; }

Ça envoie le point 5000px vers la gauche.

Merci pour l'astuce, effectivement le point disparaît, je vais pouvoir remettre mes ombrages en noir du coup.