Encore du nouveau sur mon #plugin #SPIP image_responsive :
►http://zone.spip.org/trac/spip-zone/browser/_plugins_/image_responsive
Cette fois, il s’agit de pouvoir calculer la taille de l’image en fonction de la hauteur, et non plus de la largeur, de la boîte qu’elle occupe. (Et il y avait un bug dans la version précédente, qui faisait qu’il n’y avait jamais d’image de prévisualisation.)
Pour cela, introduction d’une troisième variable :
[(#LOGO_ARTICLE|image_responsive{0,0,1})]Ici, pas de vignette de prévisualisation au chargement de la page (première variable à 0). Puis pas de « lazy load » (deuxième variable à 0 ; l’image responsive est chargée au document.ready, même si elle est en dehors de l’écran). Et le troisième argument, qui est nouveau, lorsqu’il est à 1, indique qu’on ne va pas calculer l’image selon la largeur de sa boîte, mais selon sa hauteur.
Je pense que c’est d’un usage très spécifique, parce que concevoir une interface (qui plus est responsive) en définissant les hauteurs de boîtes plutôt que les largeurs, c’est assez coton.
Au passage, il faut re-modifier le .htaccess.
Exemple minimal : on place les logos des articles les uns à côté des autres, et ils auront la même hauteur (celle de la boîte contenante : 120 pixels ; ou, automatiquement, 240 pixels en écran haute définition) :
<div style="height: 120px;">
<BOUCLE_articles(ARTICLES){par date}{inverse}{0,5}>
[(#LOGO_ARTICLE|image_responsive{0,0,1})]
</BOUCLE_articles>
</div>