1 - Le usemap et la description des zones permettent de cliquer sur l'image

<img src="./galleries/Martigues/la_prudhomie.jpg" style="width:666px;height:444px" title="La prud'homie des pécheurs" alt="Picture_La prud'homie des pécheurs"
usemap="#prevnext">


<!--  nagigation on picture  -->

<map id="prevnext" name= "prevnext" >
   <area shape="rect" coords="0,0,147,444"
  href="picture.php?/282/category/Martigues-Photos" title="Précédente : Pont levant de martigues" alt="" rel="prev">
<area shape="rect" coords="157,0,509,222"
  href="index.php?/category/Martigues-Photos" title="Miniatures" alt="" rel="up" >
  <area shape="rect" coords="519,0,666,444"
   href="picture.php?/197/category/Martigues-Photos" title= "Suivante : Quai marceau " alt="" rel="next">
<area shape="rect" coords="157 ,232,509,444"
href="javascript:phpWGOpenWindow('./galleries/Martigues/pwg_high/la_prudhomie.jpg','1713798410498f014e3b9e3','scrollbars=yes,toolbar=no,status=no,resizable=yes')"
Title="Cliquer sur l'image pour la visualiser en haute définition" >
</map>

Le javascript affiche les titres et le images dans une infobulle (Tooltip)

Bonjour.
J' avais posé une question dans le fil sur le plug-in gbo-like, je le déplace ici, je pense que c 'est plus approprié:


Comment faites vous pour avoir, sur l' image même, des pop-up clicables, envoyant vers l' image suivante, precedente, vers le repertoire supérieur, comme présenté sur l' image dessous?



(voir l' image à droite: "suivante: quai marceau")


(piochée sur le site de G. Bouteyron, merci à lui...)


J' ai eu cette fonction, dans mon site, mais avec le local file editor, je crois que j' ai merdu, j' ai perdu ce détail...

Merci beaucoup

Philippe

le plugin perso est trop spécifique pour servir d'exemple,je l'utilise pour :
- afficher mes boutons avec le changement de couleur au survol--> template  perso_picture.tpl,
  - changer le titre des pages en fonction des descriptions des photos ou des catégories
  - afficher le menu accueil,
  - redimensionner le miniatures verticales qui par défaut dépassent la hauteur de la catégorie ......

Un exemple extrait de LLGBO en version 1.7*
Qui enlève les métadata sous la photo.

$tpl_file = 'picture';   
$template->loadfile($tpl_file);
$PictureCode = $template->uncompiled_code[$tpl_file];
  If ($conf_LLGBO[2]  == 'on' )  // exif under bt
     { //  remove  metatdata 
       $p_beg = strpos($PictureCode, '<!-- BEGIN metadata -->');
       $txt = '<!-- END metadata -->';
       $p_len = (strpos($PictureCode, $txt) + strlen( $txt)) -  $p_beg ;
       $PictureCode =  substr_replace($PictureCode,
        '<!-- llgbo metadata -> under Exif button -->', $p_beg, $p_len  );
$template->uncompiled_code[$tpl_file] = $PictureCode; }

En version 2.0.rc4, je n'ai pas pu réutiliser ces fonctions.
j'ai soit modifié/complété le contenu des variables smarty ou/et
j'ai utilisé des templates extensions en définissant le contenu qui convenait à mon besoin.

la même chose en v2.0rc4.
$template->clear_assign('metadata');  // plus de metadata normales

///////////////////////////////////////////////////
Edit:
Je ne suis pas un pro des plugins ou de PHP........
J'ai regardé ce que faisait les plugins de l'équipe PWG et autres contributeurs.
J'ai testé  , détruit, reconstruit, re modifié en local avant mettre à jour le site.
Comme on ne touche pas le code standard, il y a peu de risque.

Après un difficile passage de la  1.6.2 à la 1.7.0 ( j'avais des modification dans X fichiers)

J'ai fait un plugin perso au début de la version 1.7.0 qui modifie à la volée le contenu des templates ou qui charge mon template (1.7.3).
Avantage toutes les modifications sont centralisées dans un fichier, aucun souci pour les versions   suivantes.


Pour la 2.0.RC4, je conserve la même méthode avec la souplesse des  template-extension en plus.

Bien sûr, il y a toujours la possibilité de sucrer du code mais pour les moins téméraires (et ce qui a le mérite de garder l'intégrité du codage), il est peut-être parfois plus astucieux de :
1/ Pour les boutons et autres icones de les remplacer par un fichier image du même nom, au même endroit, une image (via photoshop) qui est en fait un point pixel transparent ce qui rendra cette nouvelle icone pratiquement sans taille et invisible.
2/ Pour les inscriptions textuelles, il faut modifier le style dans le fichier CSS adequat pour rendre la taille =0px.

Si ce n'est déjà fait, installe la version 1.7.m de LocalFiles Editor
Ensuite, dans l'onglet template, édite le fichier picture.tpl
En tatonnant, tu devrais arriver sans problème à ce que tu veux ;-)