Sakkhho,
est ce tu as déjà installé le javascript, cité plus haut dans le fil?
Un exemple sur un bouton:
<!-- BEGIN last -->
<a class="navButton prev" href="{last.U_IMG}" rel="last"><img title="{lang:last_page} : {last.TITLE_IMG}"
swttips="<center><img src='{last.IMG}' />"
src="{pwg_root}{themeconf:icon_dir}/last.png" "class="button" alt="{lang:last_page}"></a>
<!-- END last -->
Tu ajoutes un attribut non utilisé par le langage HTML swtips ou tooltip ......
Dans le javascript , tu interceptes cet attribut et tu désactive le title car IE continue de l'afficher.
addEvent(current[j],'mouseover',this.tipOver);
addEvent(current[j],'mouseout',this.tipOut);
var svalue = current[j].getAttribute('swttips');
current[j].setAttribute('tip',current[j].title);
current[j].removeAttribute('title');
ATTENTION:
la version 1.7 de PWG utilise un javascript pour gérer la barre de notation avec des étoiles qui changent de couleur (c’est très joli !).
Ce javascript intercepte aussi le mouseover, je n'ai pas réussi à faire fonctionner les deux JS ensembles.
Par contre séparément les deux fonctionnent bien.
ce que j'aurai aimé c'est afficher les miniatures lorsque l'on passe sur les boutons next previous etc ... pas forcement les exifs.
sakkhho a écrit:
je remonte le post pour savoir si il est possible d'avoir plus d'explication sur cette modif...
@niccco : j'y suis pas arrivé...
merci !
sakkhho, dis moi ce que tu attends.
Si je peux te renseigner ce sera volontier!
Depuis 2 mois les "tooltip" ne sont affichés que sur les pages images.
Désolé faudrait que je passe plus de temps dessus ...
le truc c est que c est pas mon idée au départ ! mais si vous voulez je veux bien essayer de faire un MOD ???
mais c est pas vraiment l'avenir les MOD ;o) Donc perte de temps car je dois déjà tout refaire en plug in
a+ a vous de vous manifester
je vous propose les vignettes et l'exif en meme temps non ?
je remonte le post pour savoir si il est possible d'avoir plus d'explication sur cette modif...
@niccco : j'y suis pas arrivé...
merci !
mathiasm a écrit:
EX-FTP: dans ce cas, c'est un MOD... Tu fais un petit readme pour dire ce qu'il faut faire et zou, dans le gestionnaire d'extensions (avant-dernier lien dans l'en-tête).
Voui, tu as raison, mais l'idée ici était avant tout de m'éclaircir et de m'aider activement sans créer de charge pour EX-FTP.
Un zip rapide et facile à faire alors qu'un MOD, je pense qu'il faut passer un peu de tps.
Je ne voulais pas lui demander qu'il passe du temps dessus et me mache tout sans que je ne cherche un peu.
Merci encore...
Je vous tiens au courant de la suite des évènements.
EX-FTB a écrit:
Kervinou,
Je ne sais pas comment poster un zip sur le forum, pour que tout le monde puisse récupérer ce script avec l'exemple dans Picture.tpl.
J'ai répondu à ton mail l’exemple est en PJ.
Merci beaucoup, je l'ai vu en diagonale, pas eu le tps hier soir de me jeter dessus.
En tout cas, je te remercie vivement pour ton aide.
Je te tiendrais au courant de mon avancé dès que j'aurai réussi ;-)
Encore merci
EX-FTP: dans ce cas, c'est un MOD... Tu fais un petit readme pour dire ce qu'il faut faire et zou, dans le gestionnaire d'extensions (avant-dernier lien dans l'en-tête).
Kervinou,
Je ne sais pas comment poster un zip sur le forum, pour que tout le monde puisse récupérer ce script avec l'exemple dans Picture.tpl.
J'ai répondu à ton mail l’exemple est en PJ.
Salut et merci de t'attarder sur mon cas désespéré ;-)
Pour le CSS, il est chargé dans le .css de picture
Pour faire plus simple à la limite, te serait-il possible de me zipper ton picture.tpl +picture.css + les deux .js + le .css, à la limite je devrais pouvoir m'en dépatouiller.
Je regarde ton zip pour les infos bulle.
Dans ton exemple, je ne vois pas le chargement du fichier sweetTitles.css.
Par défaut le texte en marron ou rouge correspond au contenu de title ou de alt.
Vérifie si tu as le même résultat sous FF et IE, car IE affiche aussi le alt, il faut peut être le supprimer.
Pour la navigation j'ai calculé les parties droite et gauche en fraction de la largueur de l’image.
Heureusement car j’ai modifié plusieurs fois la taille d’affichage de l’image.
De 0 jusqu’ a 40% -> previous de 40%à 60% c’est UP, de 60% à 100% -> next
C'est sympa merci.
Mais plutot que poster, je t'ai mis un mail via ce forum y'a quelques jours, mais j'ai l'impression que tu ne l'as pas vu ?!
je peux te zipper les 3 pages en question si tu veux, dispo là -> http://galerie.kerv.org/pwgtips.zip
------------
2eme interrogation, je me demandais concernant la navigation par les maps, tu as mis des valeurs au hasard ?
ou calculé je ne sais pas comment une partie par rapport aux tailles d'images ?!
thanks ;-)
-------------
Modif 01:09
-------------
J'y comprend plus rien, je viens de remettre les fichiers d'origine de picture.tpl et .css et refaire les manips décrites dans le .txt, et je n'ai plus rien de différent, même le texte rouge que j'avais ne s'affiche plus...
1) Include the following JavaScript files in the head of your document as follows: <script type="text/javascript" src="/js/addEvent.js"></script> <script type="text/javascript" src="/js/sweetTitles.js"></script> 2) Include the following style sheet (or append to an existing one) @import "css/sweetTitles.css";
Si tu veux voir, la galerie de test est ici -> http://galerie.kerv.org.free.fr/identification.php
identifiant+mdp=invite
+tard
STP,
Poste une copie du code HTLM qui génère ces informations.
Rassure toi, il y a deux mois, je n'avais jamais vu de java script ni de PHP ou de HTML avant d'en avoir besoin pour mon site.
je regarderai ce soir si je peux t'aider.
Merci
Mais j'aurai peut être du préciser que malgré que je connaissais pas trop mal ledeveloppement y'a quelques années, je suis un peu paumé dans le javascript... J'en suis resté au Delphi façon Turbo Pascal... ;-)
Donc que faire du svalue ensuite ?
Je pose la question, car j'ai ceci qui s'affiche lorsque je passe la souris que les flèches :
Je n'arrive pas à définir pourquoi j'ai ce texte rouge qui s'est mis dès l'installation des .js/.css sans autre modif
Voilà où j'ai positionné le svalue:
for ( i=0; i<tipLen; i++ ) { var current = document.getElementsByTagName(this.tipElements[i]); var curLen = current.length; for ( j=0; j<curLen; j++ ) { addEvent(current[j],'mouseover',this.tipOver); addEvent(current[j],'mouseout',this.tipOut); var svalue = current[j].getAttribute('swttips'); current[j].setAttribute('tip',current[j].title); current[j].removeAttribute('title');
Dans le .js il faut récupérer le contenu de l'attribut swttips, par défaut il ne récupère que l'attribut title.
addEvent(curelm,'mouseover',this.tipOver);
addEvent(curelm,'mouseout',this.tipOut);
var svalue = curelm.getAttribute('swttips');
J’ai mis les infos complémentaires dans swttips, pour ne pas altérer le contenu des attributs titles ou alt.
Comme cela c'est OK avec ou sans java script et les moteurs de recherche ne sont pas perturbés.