Afficher le titre des images

jeudi 16 septembre 2010 à 10h22
par _Petarel_

Logo de _Pétarel_

Bonjour,

Je suis sous Sarka 3.0.3 et Spip 2.0.10, avec Fancybox

 Je voudrais afficher dès l’ouverture de la rubrique le titre des images jointes à côté de la vignette. Pour l’instant, il ne s’affiche que dans la bulle.

 Je voudrais en revanche afficher dans la bulle la "description" des images jointes.

Quelqu’un a une idée ? Je patauge.

Merci
Yveline


Ce sujet est verrouillé : vous pouvez consulter son fil de discussion mais vous ne pouvez plus y répondre.

Réponses

17 septembre 2010 à 09h45

J’ai le même problème !
Je recherche depuis des mois comment tout simplement afficher le titre des images dans le portfolio.
Il semble que le code d’une noisette supprime cette publication du titre sans que ce soit une option. Seule la bulle marche...
Plusieurs suggestions m’ont été faites sur le forum SPIP pour finalement me dire d’aller sur ce forum Sarka.
Cette demande me parait pourtant très raisonnable, help please !
xchh

http://forum.spip.org/fr_221453.htm...
19 septembre 2010 à 15h42

@ "xchh"

Bonjour, bienvenue !
Ça fait plaisir, je me sens moins seule dans la galère...
SOS tout le monde,

J’ai toujours le même problème :
Bonjour,

Je suis sous Sarka 3.0.3 et Spip 2.0.10, avec Fancybox

 Je voudrais afficher dans la rubrique le titre des images jointes à côté de la vignette. Pour l’instant, il ne s’affiche que dans la bulle.

 Je voudrais en revanche afficher dans la bulle la "description" des images jointes.

Quelqu’un a une idée ? Je patauge. J’ai vu que je ne suis pas seule à avoir ce rêve et à patauger.

Jusqu’à hier, je cherchais uniquement dans le html de sarka, éventuellement du lien avec la css. Maintenant, je me demande si ça ne vient pas aussi de Fancybox. Un mix des deux...
Quelqu’un aurait une idée pour me guider ?

Merci
Yveline

19 septembre 2010 à 20h11

@Yveline
On est pas seul mais bien coincés.
Je n’arrive pas à comprendre comment un besoin aussi simple que mettre un titre à des vignettes dans le portfolio reste sans réponse !
J’étais convaincu que cette question était triviale et que je n’étais qu’un ignorant. Mais je ne suis pas seul...
Espérons que quelqu’un sur ce forum nous dépannera.
J’ai pour ma part déjà essayé, sans succès, de bricoler les noisettes document, d’enlever fancybox, de créer un fichier squelettes avec les fichiers modifiés, rien n’y fit...
AU SECOURS LES SARKAISTES ! HELP US !
xchh

19 septembre 2010 à 20h40

xchh,

et ben non c’est pas trivial du tout ! Au niveau des css c’est assez chiant à gérer.
Donc c’est d’une part pour cela que le titre est mis dans un bulle d’info ce qui me paraît largement suffisant pour un portfolio !

Ensuite, tu as les albums et la galerie. Là le but c’est vraiment d’afficher des photos comme le fait Flickr ou tout autre outil de ce type. On voit donc le titre apparaître.

C’est un parti pris, oui, que je pense suffisant car les besoins entre un portfolio et un album ne sont pas les mêmes. En plus, si tu utilises un plugin comme Fancybox sur ton portfolio, les titres s’afficheront clairement en dessous de chaque image.

J’en profite aussi pour répondre sur la description. C’est un problème lié aux box (Fancybox, Thickbox...) qui ne propose pas cette option. En effet, le titre est inséré en attribut de chaque image et il n’existe pas vraiment l’équivalent en attribut pour préciser le descriptif. Il existe une expérience utilisant l’attirbut longdesc mais ce n’est pas en production actuellement.

19 septembre 2010 à 21h59

Bonjour Eric,

Ce qui serait intéressant, c’est de pouvoir récupérer les données IPTC (surtout la légende) qui sont exploitées par certains logiciels de retouches ou de classement de photos.

Cordialement, michel33

19 septembre 2010 à 22h18

Eric,
Merci de ta réponse, mais tout dépend de ce qu’on veut faire du portfolio...

Comme je tiens au titre à côté des images et à l’accès au descriptif aussi, compte tenu de ce que tu as ecrit à "xchh", j’ai décoché Fancybox dans la config Sarka et désactivé le plugin Fancybox. Tant pis, je préfère un affichage rustique à pas de titre visible d’emblée et pas de descriptif.

Mais retour à la case départ : comment faire quand on a donc un affichage "basique" pour avoir le titre et le descriptif, comme pour les documents ordinaires ?

Merci !!!!
Yveline

19 septembre 2010 à 22h23

Michel,

Les informations sont bien mises à disposition par le plugin Métadonnées photo qui est intégré à Sarka-SPIP et utilisé dans la page album. Par contre, je me rappelle plus si on les affiche. On affiche quelques informations mais comme je ne suis pas un spécialiste...

C’est assez facilement personnalisable je pense si ça t’intéresse.

19 septembre 2010 à 22h23

Pétarel,

No comment....

19 septembre 2010 à 22h41

Merci Eric,
C’est déjà sympa d’avoir une réponse, reste toujours à trouver la solution.
Peut-être comme tu le dis c’est un choix délibéré des concepteurs (à confirmer cependant)
Pour autant je suis de l’avis de Pétarel, pourquoi avoir les titres des documents sous les vignettes et pas ceux des images ?
Les albums et la galerie ne sont pas forcément le lieu logique de présentation de vignettes.
Mon site présentent par rubrique des ensembles de textes et images appartenant à cette rubrique, et c’est d’une logique simple pour le visiteur, donc je tiens à pouvoir dans les deux cas, documents ET images, mettre le titre.
Ceci étant si c’est chiant à faire dans les css...
En attendant une solution "relativement"simple, je viens de faire comme Pétarel en désactivant Fancybox, au moins quand on clique ma vignette on a une belle et grande image zoomable et dans la plupart des cas on a alors qu’à voir ou lire (documents en jpg) et le titre est alors peu important au contraire des vignettes.
Peut être un autre zarka-iste aurait-il une idée ?
Encore merci
xchh

19 septembre 2010 à 23h21

Xchh,

Ben je peux confirmer car le concepteur c’est moi ;-).

Alors pourquoi les documents et pas les images ? Et ben, parce qu’une image en général se suffit à elle même alors qu’une vignette de fichier pdf ou autre ne veux rien dire sans un titre. En plus, je m’insurge un peu contre le fait de dire que le titre n’est pas visible car il est affiché dans une bulle d’info évitant ainsi de perturber l’affichage de l’image par du texte souvent mal formaté ou dimensionné.

Ensuite, je ne comprends rien au rapport que vous faites toi et Pétarel avec Fancybox. Fancybox permet de passer les images en grand une par une en affichant proprement cette fois le titre de l’image. C’est pour moi un plus et ça devrait vous convenir ? C’est justement bien plus propre car cela permet un affichage du portfolio mieux présenté.

19 septembre 2010 à 23h22

Pardon Eric, je suis fatiguée.
Ne te moque pas !

Réponse évidente à ma question : mettre exactement le même code dans les deux fichiers inc_images_jointes que dans inc_documents_joints (à part la ligne de titre de "portfolio". C’est parti, ça marche.
C’est pas aussi joli que fancybox, mais ça donne les infos qu’on veut.

Reste à essayer de caler fancybox..."en plus", juste sur la vignette....

19 septembre 2010 à 23h36

Eric,
Je t’assure que ça dépend de ce pour quoi on utilise des "images".
Si ce sont des souvenirs, ou de belles choses tout court, ça suffit.

Mais si tu veux que le visiteur puisse voir tout de suite le type d’infos qu’elle donnent, c’est nettement plus pratique d’avoir les titres à côté des vignettes, et éventuellement, le commentaires.

Si on met une série de cartes de productions de matières premières. Ben c’est pratique que le titre soit affiché d’emblée et qu’il n’y ait pas besoin de passer la souris sur chaque vignette pour savoir si par hasard dans le lot il y a une carte des pays producteurs de maïs ou de gaz naturel...
Et si on peut lire le commentaire de cette carte en "descriptif" c’est encore mieux.

Juste pour que tu imagines ce que je veux dire et pourquoi j’ai besoin de ces informations affichées.
Merci !
Pétarel

20 septembre 2010 à 00h06

Oh là là je ne pouvais mieux tomber avec ma question d’autant que n’étant en rien un expert, j’adore Sarka-SPIP qui m’a permis de faire mon premier site web ad hoc sans trop de mal ! Merci aux concepteurs et donc à toi Eric.
Je reprends après avoir vu la réponse de Pétarel.
Mon cas est similaire. J’ai des rubriques où je mets des dizaines de vignettes qui se ressemblent toutes car étant des photos de documents. Pas besoin donc d’expliquer davantage l’analogie du besoin d’identification, c’est pas différent des pdf et autres documents office. Le visiteur doit dans certains cas passer la souris sur des dizaines de vignettes pour trouver, via la bulle, ce qu’il cherche.
Quant à la question du formatage du titre, elle ne devrait pas être plus complexe que celui des titres de pdf qui convient très bien...
Pour ce qui me concerne je peux en effet très bien me passer de Fancybox d’autant que je dois cliquer les vignettes une par une...

20 septembre 2010 à 15h09

Eric, xchh, bonjour tous les deux.

J’ai un début de solution. Donc voici le compte-rendu de mes manips.

Pour ce dont j’ai besoin, il convient très bien.

1/ J’ai activé "Fancybox" dans les plugins et la config Sarka (vignette par vignette).
2/ J’ai mis dans "perso.css.html" (et dans inc_documents_joints.html) ce qu’il faut pour que mes docs apparaissent les uns en dessous des autres, vignette à gauche, titre en gras, et le "descriptif" dessous, en plus petit, justifié et encadré. Cela me permet d’avoir des titres et surtout des "descriptifs" de documents assez longs.
3/ J’ai repris le fichier "inc_documents_joints" je l’ai renommé en "inc_images_jointes" (pour faire apparaitre comme les documents). J’ai juste mis
<:sarkaspip:portfolio|ucfirst:> à la place de l’équivalent qui appelle l’intitulé des documents joints.
et #GET{titre} à la place de "bouton télécharger" de façon à voir apparaitre le titre au survol et sous l’image quand on clique dessus. (Sinon, ça met "télécharger" à la place).

L’effet "fancybpox" marche impeccable. En revanche, je n’ai que la réduction des images en vignettes (j’ai coché ce qu’il fallait pour ça dans la configuration du site côté privé). Je n’ai pas les vignettes carrées avec le bord qui change de couleur quand on passe la souris dessus.
A la réflexion, j’aime autant parce que j’affiche des "images" de format différents, et je préfère que ces formats se voient dès la vignette. Même si les titres ne sont pas absolument alignés verticalement (coexistence documents paysage et portrait en particulier).
On peut forcer les vignettes à avoir toujours la même taille (pour ceux qui préfèrent un alignement vertical à la fidélité au format des images).

Pour ceux qui veulent continuer sur cette piste, j’ai essayé de mettre en "inclure" la boucle de inc_images_jointes original à la place du #LOGO dans le nouveau fichier html. Mais je perds à nouveau les titres. Je n’ai pas eu le temps d’approfondir. Je pense qu’il faut sans doute fouiller par là, mais avec ce pb, je pense, que fancybox a dans sa css un "display : none" pour le titre, ce qui doit empêcher qu’il s’affiche (ligne à "commenter" ?).

Eric va crier, mais j’aurais tendance à penser que pour ceux qui ont absolument besoin de la jolie vignette en plus, c’est par là qu’il faut chercher.

Je trouve que ça fait un très joli "sarka", et très efficace ! C’est un usage certes différent des "présentations" d’images, mais ça dépend de ce qu’on veut faire du site.

J’attaque la suite de mes "ajustements" ! ;-)
@plus...
Yveline

afficher_titre_image.jpg
20 septembre 2010 à 22h44

Eric,

Effectivement le plugin Métadonnées récupère bien les infos dans l’espace privé. Pour ce qui est de l’espace public ça semble possible :

Pour l’affichage des méta­données sur votre site public (dans des sque­lettes de port­folio, ou dans des « modèles » inclus dans les articles), on uti­lisera les nou­veaux filtres : lire_exif et lire_iptc.

On pourra s’inspirer des fichiers inc_exif.html et pave_exif.html pour en com­prendre le principe, fina­lement assez simple, et récu­pérer la liste des types de méda­tonnées les plus pertinents.

La fonction histogramme requiert GD2.

Les infor­ma­tions EXIF sont mani­pulées, sans recours à l’extension EXIF de PHP, grâce au script de Vinay Yadav (sous licence LGPL).

Les infor­ma­tions IPTC néces­sitent la fonction "iptc­parse" de PHP et uti­lisent la classe "class_​iptc" d’Alex Arica.

Après il faudrait récupérer les infos dans le titre de Fancybox. ????

D’autre part le plugin métadonnées ne fonctionne pas dans l’espace privé quand médiathèque est actif. Comme mes connaissances en programmation sont limitées j’en suis resté là, j’ai désactivé métadonnées et gardé médiathèque.

A+, Michel