Tu va créer ton ./template-common/local-layout.css
S'il existait déjà, il suffirait de compléter à la fin de celui-ci par:

/* Verso Style
----------------------------------------------------------------------*/
/*CSS Popup Image Viewer:  Adapted to PWG */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.reverse {
position: relative;
z-index: 0;
}
.reverse:hover{
background-color: transparent;
z-index: 50;
}

.reverse span { /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
visibility: hidden;
color: #333;
text-decoration: none;
}

.reverse:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
}

Là il ne faut pas trop se poser de question, c'est du css avancé...
Cela n'intéresse que des malades comme moi (j'y ai encore compris des trucs sur lesquels j'étais passé à coté).

Tu peux changer:
- le lighyellow en une couleur #ccc par exemple.
- le padding à 0px (ce qui est une des explications du décalage)
- la color par une autre (couleur du texte: Verso. sous l'image).

Cette fois, c'est vraiment tout bon coté css (feuille de style).
Tu peux le transférer, ta galerie marchera comme si rien n'avait été changé.

Car il faut le reste pour que cela change...

A suivre.
8-)

On fini?   8-)

Tu va créer ton ./modules/verso_integrator.php

Il devra contenir tout simplement ceci:

<?php
$verso = substr( $picture['current']['src'],
                0, strrpos( $picture['current']['src'], '/' )+1 ). 'thumbnail/verso';
$verso.= substr( $picture['current']['src'],
                strrpos( $picture['current']['src'], '/' ) );
$shift_left = (int) ($picture_size[0] / 2);
$shift_up = $picture_size[1] + 5;
if (is_file($verso)) {
  $template->assign_block_vars(
    'verso',
    array(
      'VERSO_URL' => $verso,
      'WIDTH_IMG' => $picture_size[0],
      'HEIGHT_IMG' => $picture_size[1],
      'HSHIFT_IMG' => $shift_left,
      'VSHIFT_IMG' => $shift_up,
      )
    );
}
?>

J'explique:
$verso va contenir le nom du recto mais le chemin est modifié à partir de la catégorie physique c'est dans ./thumbnail/verso/
Pour le survol sous l'image, le décalage à gauche, c'est la taille de l'image / 2.
Le décalage vers le haut, c'est le la hauteur de l'image + 5 pixels, car tout ça peut être ajusté.

En suite, si le fichier existe, alors on initialise le bloc verso (c'est un objet) à la manière expliquée par z0rglub récemment.

Voila, tu peux le transférer, ta galerie marchera comme si rien n'avait été changé.

Eh oui, car pour que cela change, il faut mettre les versos dans les bons thumbnail/verso/
Tu sauras paufiner ça tout seul sans doute (y compris les petits décalages nécessaires).

8-)

Trouvé...

j'essaye et te dis quoi...

Laurent

J'ai hâte de voir le résultat.
8-)

j'ai peut-être dit une bêtise...

si je lis dans les lignes "thumbnail/verso"

cela veut-il dire que je mets mes photos toto_recto et toto_verso toutes mdans le répertoire toto avec dans le sous répertoire toto/thumbnail deux sous-sous répertoires recto et verso ?

Laurent

Oui, c'est exactement ce que j'ai expliqué dans le post #10


Tu aurais par exemple:
./galleries/QSL_territoires/20060221_6mi_paris_cKc.jpg
./galleries/QSL_territoires/thumbnail/TN-20060221_6mi_paris_cKc.jpg
./galleries/QSL_territoires/thumbnail/verso/20060221_6mi_paris_cKc.jpg


8-)

A la synchronisation des deux photos et des deux miniatures,  PHPWG répond qu'il manque la miniature du verso...

Une idée ?

Laurent

Re Vincent

On progresse assez vite maintenant que tu nous as mis sur la voie...

tu peux être fier de tes élèves car on s'y est mis à trois :-)

voir le résultat ici :

http://arp75.free.fr/GalerieARP/picture … tegory/200

Encore merci et bonne continuation.

Cordialement.

Laurent