Le réglage Image redimensionnable : isResizable

Blogger - Image redimensionnable - Resizable image

Le terme isResizable est un suffixe que l'on ajoute à une donnée Blogger de type image qui indique si l'image contenue dans la donnée est redimensionnable avec les opérateurs d'images.



Images compatibles

Les urls des images hébergées par Google via Blogger, GooglePhotos et des vignettes en provenance des vidéos YouTube, sont dotées de caractéristiques de redimensionnements qui sont compatibles avec les opérateurs d'images.

Le paramètre isResizable indique si l'image contenue dans la donnée répond à ces critères.

Ce paramètre s'applique uniquement aux données de type image.

Explorateur de données Blogger - Les données de type image

Techniquement, ce paramètre est une donnée renfermée dans un objet, qui lui-même est contenu dans la donnée à paramètrer. Le paramètre renvoie une nouvelle valeur de type boolean : true (vrai) ou false (faux).

Échantillonnage des ressources


  isResizable: boolean

En pratique, dans l'éditeur XML du thème, le paramètre s'ajoute au nom de la donnée de type image :

Syntaxe de sortie

data:image.isResizable

Exemple avec la donnée universelle data:view.featuredImage :

<data:view.featuredImage.isResizable/>

Ce paramètre peut également s'ajouter à la suite d'une opération qui est encadrée de parenthèses dont le résultat est de type de type image :

<b:eval expr='((data:widgets.Blog.first.posts first (p => p.featuredImage)).featuredImage).isResizable/>


Blogger Humour - Ne jamais confier le redimensionnement d'un smiley à un novice.


Quelques exemples

Le paramètre renvoie une valeur booléenne. Par conséquent, il peut donc être appliqué dans une balise conditionnelle ou dans un opérateur ternaire ou encore dans un attribut conditionnel, etc...

Dans une balise conditionnelle

<b:if cond='data:view.featuredImage.isResizable'>
  <img expr:src='resizeImage(data:view.featuredImage,200,"5:1")'/>
</b:if>

Dans un opérateur ternaire

<b:if cond='data:view.featuredImage'>
  <img expr:src='data:view.featuredImage.isResizable ? resizeImage(data:view.featuredImage,300,"1:1") : data:view.featuredImage'/>
</b:if>


Spotlight

Populaires cette semaine