Donnée de type Image / Type of Image data

Le terme image est employé pour qualifier le type d'une donnée Blogger.
Une donnée de type image contient l'url d'une image et plusieurs caractéristiques qui peuvent être exploitées avec les opérateurs Blogger.

Caractéristiques

Les données de type image sont des données héritières string.
Ces données contiennent des URLs d'images et diverses caractéristiques.

Note : Les données de type IMAGE sont définies uniquement par Blogger.
Il n'est pas possible d'en créer ou d'en convertir même si la valeur est une URL d'une image !

Explorateur - Les données IMAGE

Réglages des données

Les données de type image sont dotées d'un objet d'items qui permettent d'obtenir des informations supplémentaires ou d'appliquer une caractéristique à l'image.
Introduction aux réglages des données

Échantillonnage des ressources d'une donnée de type Image

  isResizable: boolean,
  isYoutube: boolean,
  youtubeMaxResDefaultUrl: image,
  width: number,
  height: number,
  size: number,
  length: number,
  escaped: string,
  jsEscaped: string,
  jsonEscaped: string,
  cssEscaped: string

Fiches	Réglages	Signification	Résultat
Image redimensionnable	isResizable	Vérifie si l'image peut être redimensionnée avec les opérateurs d'images.	boolean
Image YouTube	isYoutube	Vérifie si l'image provient de YouTube.
	youtubeMaxResDefaultUrl	Fourni l'URL de la vignette maxresdefault.jpg des vidéos YouTube.	image
Dimensions de l'image	width	Extrait la largeur de l'image (Si mentionné explicitement)	number
	height	Extrait la hauteur de l'image (Si mentionné explicitement)
Réglages de l'héritage string
Longueur d'une chaine	length size	Longueur d'une chaîne de caractères.	number
Échappement de la chaîne	escaped	Fournit l'équivalent HTML échappé de la chaîne de caractères.	string
	jsEscaped	Fournit l'équivalent JS échappé de la chaîne de caractères.
	jsonEscaped	Fournit l'équivalent JSON échappé de la chaîne de caractères.
	cssEscaped	Fournit l'équivalent CSS échappé de la chaîne de caractères.

Ce tableau reprend la liste des réglages dont le résultat est (ou peut être) une valeur de type image.

Fiches	Réglages	Sortie
Image YouTube	youtubeMaxResDefaultUrl	✔
Premier et dernier set d'un tableau	first last	possible
Paramètres Arrière-plan	image	✔

Tableau d'images

array[image] est un type de tableau contenant que des valeurs image.

Exemple de représentation syntaxique d'un tableau singleton d'URLs d'images à la norme du langage Blogger

  https://tata.jpeg,
  https://tete.jpeg,
  https://titi.jpeg,
  https://toto.jpeg

Pour extraire les items d'un tableau d'images, il faut employer la balise <b:loop>.

Un tableau explicite

<b:loop values='["https://example.jpeg","https://example.jpeg","https://example.jpeg"]' var='itemImage'>

  <data:itemImage/>

</b:loop>

Note : Bien qu'il soit possible de créer explicitement dans le fichier XML du thème un tableau d'URLs d'images, les items ne seront pas de type image, mais de type string. Par conséquent, les paramètres additionnels (isResizable, isYoutube, youtubeMaxResDefaultUrl, width, height) ne pourront pas être appliqués.

Un tableau d'images peut être créé à l'aide de l'opérateur lambda map.

Créer un tableau singleton d'images à partir d'un tableau objet

<b:loop values='data:posts map (p => p.featuredImage)' var='itemImage'>

  <data:itemImage/>

</b:loop>

<!-- TypeOf Image - XML demo. Compatibility : Gadget Version 2. Created and provided by Blogger Code PE. Author : Soraya Lambrechts URL : https://bloggercode-blogconnexion.blogspot.com/2016/04/typeof-image.html --> <b:includable id='main'> <b:if cond='data:widget.version == 1'> Le dictionnaire de données n'est pas compatible avec ce thème. Installez un thème Layouts Version 3 (Essential/Contempo/Emporio/Notable/Soho). <b:else/> <b:comment>data dictionary definition</b:comment> <b:with value='data:widgets.Blog.first.posts' var='posts'> <b:comment>Example</b:comment> Le résultat est :<br/> <ul> <b:loop values='data:posts map (p => p.featuredImage)' var='itemImage'> <li><data:itemImage/></li> </b:loop> </ul> </b:with> </b:if> </b:includable>

Les opérateurs

Les données de type image peuvent être injectées dans des opérations.
Consultez les opérateurs au cas par cas pour connaître ceux qui acceptent les données image entrantes et ceux qui renvoient un résultat de type image.
Introduction aux opérateurs Blogger Les opérateurs d'images
Ce tableau reprend la liste des opérateurs dont le résultat est (ou peut être) une image.

Nom	Opérateur	Sortie
Opérateurs d'images	resizeImage	✔
Sélecteurs	?:	possible
Opérateurs Lambdas	first	possible

Les autres types de données

• array
• automatic (skin)
• background (skin)
• boolean
• color (skin)
• date
• font (skin)
• image
• length (skin)
• locale
• message
• number
• object
• string
• string (skin)
• url
• url (skin)

Retourner à l'introduction