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.
Laurent75 a écrit:
htpp://arp75.free.fr/GalerieARP/
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-)
Hors ligne
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... :-)
C'est ce que j'avais compris... 8-)
Hors ligne
Je saurai faire...
Simple et performant.
Peux-tu attendre une petite quinzaine de jours?
Hors ligne
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
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-)
Hors ligne
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-)
Hors ligne
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
Hors ligne
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
Je peux mettre le verso où je veux...
Je t'explique tout ça dans la soirée si je peux.
8-)
Hors ligne
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-)
Hors ligne
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)
Hors ligne