Bonjour,
J'utilise ici <figure> et <figcaption> pour voir les titres descriptifs et
crédits des docs joints en ouvrant la lightbox de photoswipe ici
http://imagesetpeche.free.fr/spip.php?page=test
mais les vignettes des docs sont alignées verticalement.
Par contre mon portfolio "normal" s'il présente des vignettes alignées
horizontalement et centrées, n'affichent que le titre de la photo comme ici
http://imagesetpeche.free.fr/?Essai-pour-image
Comment aligner horizontalement les vignettes en page test?
le code du portfolio qui marche dans la page test:
<div class="bloc clearfix documents_portfolio" id="documents_portfolio">
<BOUCLE_documents_portfolio(DOCUMENTS){extension=jpg}{!par
date}{0,2}{largeur>400}{statut in prop,publie}>
<figure class='spip_document_#ID_DOCUMENT spip_documents'
style="[width:(#GET{width})px;]"[ data-w="(#GET{width})"]>
[(#FICHIER|image_reduire{200,200}
|image_recadre{200,200,-,focus-center}
|inserer_attribut{data-photo,#URL_DOCUMENT}
|inserer_attribut{data-photo-h,#HAUTEUR}
|inserer_attribut{data-photo-w,#LARGEUR}
)]
<div id="doc-container">
<figcaption class='spip_doc_intitules[
spip_doc_intitules_(#EVAL{_SPIP_DOC_INTITULES_ALIGN})]'>
[<div class='spip_doc_descriptif #EDIT{titre}'>(#TITRE)</div>]
[<div class='spip_doc_descriptif #EDIT{descriptif}'>(#DESCRIPTIF)</div>]
[<div class='spip_doc_descriptif #EDIT{credits}'>(#CREDITS)</div>]
</figcaption>
</div>
</figure>
</BOUCLE_documents_portfolio>
</div>
</B_documents_portfolio>
avec un css
@media (max-width: 10000px) {
#doc-container { display: none }
}
pour cacher les infos des vignettes
---
L'absence de virus dans ce courrier electronique a ete verifiee par le logiciel antivirus Avast.
https://www.avast.com/antivirus