Dimensions des images [width/height]

Nous vous rappelons que lorsque vous accédez à ce blog, vous signez automatiquement un accord avec Blogger Code.
Consultez les CGU.


Blogger - Largeur et hauteur d'une image
Les termes width et height sont des suffixes que l'on ajoute aux données Blogger 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>


Les autres paramètres

Fiches populaires cette semaine

Facebook : Plugin Page