•  » Plugins
  •  » Gestion du recto/verso

#1 2006-10-19 16:28:14

Laurent75
Invité

Gestion du recto/verso

Bonjour!

J'utilise phpwebgallery pour un musée de cartes postales radioamateurs dont certaines contiennent des informations au verso.

htpp://arp75.free.fr/GalerieARP/

Actuellement je crée une image incluant le recto et le verso, ce qui n'est pas très beau et peu homogène avec les cartes qui ne sont que recto.

Un mécanisme intégré à PWG permettrait-il de dissocier le recto du verso en deux images mais offrirait la possibilité au visiteur d'afficher le recto ou le verso de la même carte ?

Sinon, existe t-il un MOD pour cela ?

Autre idée ?

Merci d'avance et félicitations pour ce très bel outil.

Cordialement.

Laurent.

#2 2006-10-19 16:31:33

Laurent75
Invité

Re: Gestion du recto/verso

Laurent75 a écrit:

htpp://arp75.free.fr/GalerieARP/

Ooops

http://arp75.free.fr/GalerieARP/

#3 2006-10-19 19:55:05

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Gestion du recto/verso

Ce qu'il faudait faire... Ça sera du spécifique.
C'est proposer un clic sur l'image qui affiche le même écran que l'image recto mais avec le verso.
Et l'inverse étant vrai.
Il faut faire un developpement spécifique.
Cela peut se faire à l'aide de css comme dans hoverbox.

Je me laisse un peu de temps pour réfléchir à la meilleure et la plus simple solution...
A suivre.

8-)


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#4 2006-10-19 20:45:57

Laurent75
Invité

Re: Gestion du recto/verso

Merci beacoup Vincent. Cordialement.
Laurent

#5 2006-10-20 18:19:26

Laurent75
Invité

Re: Gestion du recto/verso

Une chose m'est venue à l'esprit : la MOD doit prévoir que seule la miniature recto est nécessaire et pas pour le verso. Donc pas de message d'erreur... :-)

#6 2006-10-20 18:51:54

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Gestion du recto/verso

C'est ce que j'avais compris... 8-)


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#7 2006-10-20 19:06:52

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Gestion du recto/verso

Je saurai faire...
Simple et performant.
Peux-tu attendre une petite quinzaine de jours?


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#8 2006-10-22 16:34:03

Laurent75
Invité

Re: Gestion du recto/verso

bonjour Vincent!

Oui bien sûr... Je te remercie de t'occuper de cela.

J'essaye de te faire part de mes réflexions, sachant que tu es assurément bien au fait de la problématique.

Agir dès le chargement des images ?
Je prends par exemple le nom de fichier comme ZZZ-recto-YYY etc... et ZZZ-verso-YYY pour deux images qui sont "liées". En sachant que je n'ai besoin que de la miniature du recto. => un "répertoire spécial verso" ?

Agir à l'administration des images => la définir comme recto par défaut ou comme verso par option? => ce qui implique de la lier à un recto sous peine de non enregistrement comme verso...

Les deux mon général ?

Enfin signaler "qu'il existe un verso" lorsqu'une image en comporte un, car toutes ne sont pas recto-verso, ce qui veut dire qu'il faut l'indiquer d'une manière ou d'une autre ? => un bouton spécial affiché en permanence mais de couleur "transparente" et qui prend une couleur dense à côté de l'image indiquant "recto" et "verso" selon ce que l'on regarde?

Cordialement et encore merci.

Laurent

#9 2006-10-22 19:14:04

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Gestion du recto/verso

Aujourd'hui, je penche pour un sous-répertoire spécifique de la catégorie réelle...
Mais cela veux dire qu'il va falloir l'exclure des synchros à la manière de pwg_high (répertoire qui est exclu du processus).
Ce répertoire pourrait s'appeler verso.
Comme tes images ne sont pas très lourdes, deux solutions sont envisageables:

1 - Un test d'existence de l'image dans verso (même nom d'image) génèrera un bouton jaune avec une flèche circulaire indiquant la présence du fichier. Le simple survol du bouton affichera le verso à la place du recto et la sortie de la souris du survol de ce bouton réaffichera le recto.

2 - Si tu ne comptes pas utiliser la haute résolution sur ton site, ce qui me semble normal. Alors on peut envisager la solution par le survol de l'image, survol qui retourne la carte (en présence de verso). Bien entendu, une phrase du type "Placer votre souris sur la carte pour en lire le verso" en dessous de l'image recto/verso (uniquement toujours sous réserve que le verso existe).

8-)


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#10 2006-11-02 23:39:02

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Gestion du recto/verso

J'avance et l'air de rien je gagne du temps.

Je vais contourner le pb des synchros.
Le sous-répertoire verso sera un sous-répertoire de ... thumbnail.

Normalement au plus tard, lundi j'aurai quelque chose qui tiendra la route à te proposer.

8-)


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#11 2006-11-03 22:59:37

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Gestion du recto/verso

Peux-tu aller sur cette adresse:

-> http://vdigital.free.fr/phpwebgallery/p … ategory/86

Et me dire si cela te conviendrait?
Avant que je n'explique le comment ça marche.

Quelques explications:

- Sous IE 6 (IE 7 je ne sais pas si cela marche comme FF mais j'en doute), tu n'as que "Verso" sous la photo.
- Sous FF, tu as en plus dans la partie navigation un bouton qui retourne ...

Je n'ai pas tester Opéra, Mozilla et autres


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#12 2006-11-06 17:38:50

Laurent75
Invité

Re: Gestion du recto/verso

Bonjour Vincent!

Cela me semble très bien!

Simplement pourquoi décaler les deux photos recto et verso, ce qui fait un peu disparaître le texte des commentaires ? Est-ce du à des formats différents pour cet essai?

Je "cale" toutes mes photos à la même dimension, donc est-ce que la superposition sera "parfaite" ?

Merci en tout cas car ca fonctionne bien sous Mozilla Firefox... :-)

Laurent

#13 2006-11-06 17:46:38

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Gestion du recto/verso

Je peux mettre le verso où je veux...
Je t'explique tout ça dans la soirée si je peux.
8-)


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#14 2006-11-06 21:03:01

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Gestion du recto/verso

On va faire simple et j'explique.    8-)

On va commencer par le template...
./template/yoga/picture.tpl

En cherchant bien, on trouve ceci:

<!-- BEGIN high -->
</a>
  <p>{L_PICTURE_HIGH}</p>
<!-- END high -->

z0rglub a expliqué récemment comment marchait les blocs ( Structure des données utilisées dans le code de PWG ).
Et on va casser ce bloc en deux, pour y inserer un bloc pour le "Verso".

Résultat qui remplacera le bloc précédant:

<!-- BEGIN high -->
</a>
<!-- END high -->

<!-- BEGIN verso -->
<br />
<a class="reverse" href="#">
  Verso.
  <span style="top: -{verso.VSHIFT_IMG}px; left: -{verso.HSHIFT_IMG}px;">
    <img src="{verso.VERSO_URL}"
          style="width:{verso.WIDTH_IMG}px;height:{verso.HEIGHT_IMG}px;"
          alt="Verso" />
    <br />
    <!--    Dynamic Drive   <img src="http://www.dynamicdrive.com/cssexamples/media/dynamicdrive.gif" />  -->
    Verso.
  </span>
</a>
<!-- END verso -->

<!-- BEGIN high -->
  <p>{L_PICTURE_HIGH}</p>
<!-- END high -->

Même si cela ne sera pas utilisé par ton site...
Le premier bloc "high" ferme la balise dans la mesure où le php avait souhaité le voir se fermer.

Le bloc verso, c'est ce que j'ai imaginé pour ton pb.
Un petit lien sur la page elle-même lequel au survol va changer des paramètres de css.
Le span positionne l'image du verso avec des paramètres venant du php...
Vers le haut et vers la gauche en sachant que nous sommes sous l'image et au centre hourizontalement.
Donc nous devrons remonter de la hauteur de l'image et nous décaler vers la gauche de la moitié de la largeur de l'image.

L'image... Son chemin est calculé par le php, la taille est considérée identique à l'image recto.
Merci Dynamic Drive... 8-)

Dessous l'image, j'indique que c'est le verso (mais cela pourrait être autre chose).
On ferme le span et le lien.
On ferme le bloc verso.

Encore et même si cela ne sera pas utilisé par ton site...
On place un second bloc "high", histoire de maintenir l'existant.

Voilà c'est tout bon coté template.
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-)


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#15 2006-11-06 21:16:47

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Gestion du recto/verso

J'ai oublié le bouton pour FF.
(C'est facultatif).

Tu le télécharges là : http://vdigital.free.fr/phpwebgallery/t … everse.png
Tu le places donc dans ./template/yoga/icon/          sou le nom reverse.png

Maintenant j'explique...

C'est un peu le même principe.
Tu reprends le template...
./template/yoga/picture.tpl

En cherchant bien, on trouve ceci:

<!-- BEGIN first -->
  <a class="navButton prev" href="{first.U_IMG}" title="{lang:first_page} : {first.TITLE_IMG}" rel="first"><img src="{pwg_root}{themeconf:icon_dir}/first.png" class="button" alt="{lang:first_page}"></a>
<!-- END first -->
</div>

Résultat qui remplacera le bloc précédant:

<!-- BEGIN first -->
  <a class="navButton prev" href="{first.U_IMG}" title="{lang:first_page} : {first.TITLE_IMG}" rel="first"><img src="{pwg_root}{themeconf:icon_dir}/first.png" class="button" alt="{lang:first_page}"></a>
<!-- END first -->
<!-- BEGIN verso -->
<a class="navButton up reverse" href="#">
  <img src="{pwg_root}{themeconf:icon_dir}/reverse.png" class="button" alt="Reverse" />
  <span style="top: 32px; left: -{verso.HSHIFT_IMG}px;">
    <img src="{verso.VERSO_URL}"
          style="width:{verso.WIDTH_IMG}px;height:{verso.HEIGHT_IMG}px;"
          alt="Verso" />
    <br />
    <!--    Dynamic Drive   <img src="http://www.dynamicdrive.com/cssexamples/media/dynamicdrive.gif" />  -->
    Verso.
  </span>
</a>
<!-- END verso -->
</div>

C'est le même principe que le post précédent.


Cette fois, c'est vraiment tout bon coté template.
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-)

Dernière modification par VDigital (2006-11-06 21:19:08)


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

  •  » Plugins
  •  » Gestion du recto/verso

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact