Dimensions des images [width/height]

Dimensions des images [width/height]
Les termes width et height sont des suffixes que l'on ajoute aux données de type image afin d'en extraire leurs dimensions.


Disponibilité

Les paramètres width (largeur) et height (hauteur) ont la même vocation. Ils renvoient un nombre correspondant à la largeur et la hauteur de l'image contenue dans un article, seulement si les attributs width et height sont mentionnés explicitement dans la balise <img/>.
[HTML] Post editor
<img border="0"
     src="https://4.bp.blogspot.com/-gP1GQ0e9_T4/WoSV0fXg4eI/AAAAAAAAo5w/f4SFUkMN1rMwu-XDzo2UuXYJySH4PoX3QCKgBGAs/s320/2018-THE.jpg"
     width="320"
     height="180"
     data-original-width="1600"
     data-original-height="900" />

Lorsque ces attributs ne sont pas mentionnés explicitement, le paramètre renverra une valeur null ou vide.
Lorsque ces attributs sont mentionnés explicitement, les valeurs seront stockées dans les données :
Exception: Lorsqu'une donnée de type image renferme une vignette en provenance d'une vidéo YouTube, les dimensions sont automatiquement prises en considération.
Bibliothèque - Liste des données image En théorie, les valeurs width et height sont récupérées et stockées dans un objet contenu dans les données de type image :
Représentation des ressources
"data": {
  "dataImage": image,
               { 
                 "width": number,
                 "height": number
               }
}

En pratique, ces paramètres s'ajoutent simplement au nom de la donnée.
L'image
data:post.featuredImage
La largeur de l'image
data:post.featuredImage.width
La hauteur de l'image
data:post.featuredImage.height


Quelques exemples

Orientation de l'image
<b:if cond='data:post.featuredImage.width and data:post.featuredImage.height'>

  <b:if cond='data:post.featuredImage.width gt data:post.featuredImage.height'>
    Image en mode "paysage".
  <b:elseif cond='data:post.featuredImage.width lt data:post.featuredImage.height'/>
    Image en mode "portrait".
  <b:elseif cond='data:post.featuredImage.width eq data:post.featuredImage.height'/>
    Image carrée.
  </b:if>

</b:if>

Posts les plus consultés de ce blog

Facebook : Bouton J'aime [Like button]