Data ExplorerGadgets

data:posts[i].featuredImage

Description Statut Data Type Gadget Gadget Version
Donnée du gadget PopularPosts issue du tableau posts, contenant l'url des images des articles populaires.
courant
image
string
PopularPosts
1
2

Ressources

"data": {
  "widget": {
    "type": "PopularPosts",
    "version": 1 | 2
  },
  "posts": [{
    "featuredImage": image,
      {
        "isResizable": boolean,
        "isYoutube": boolean,
        "youtubeMaxResDefaultUrl": image,
        "width": number,
        "height": number,
        "size": number,
        "length": number,
        "escaped": string,
        "jsEscaped": string,
        "jsonEscaped": string,
        "cssEscaped": string
      }
  }]
}

Conditions

  • Ne peut être employée que dans le code XML du gadget PopularPosts.
  • Donnée issue du tableau posts.
  • Disponible sur toutes les pages.

Valeur

  • Donnée de type "image" + Héritage "String"
  • URL de l'image principale contenue dans l'article populaire.
  • Taille: indéfini.
  • Hébergeur: indéfini.

Extraction explicite

Méthode 1 : Dans une boucle
<b:loop values='data:posts' var='VARIABLE_NAME'>
  <data:VARIABLE_NAME.featuredImage/>
</b:loop>

Méthode 2 : Par l'indice
<b:eval expr='data:posts[0].featuredImage'/>

Méthode 3 : Premier set
<data:posts.first.featuredImage/>

Méthode 4 : Dernier set
<data:posts.last.featuredImage/>

Image redimensionnable

En ajoutant le paramètre .isResizable à la donnée, la donnée renvoie une valeur booléenne true ou false.
Si la valeur est true, la donnée pourra être traitée avec les opérateurs d'images.

Exemple
<b:loop values='data:posts' var='VARIABLE_NAME'>

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

</b:loop>

Image YouTube

Les images en provenance de YouTube peuvent être détectées grâce au suffixe .isYoutube. Lorsque la valeur est vraie, l'url de l'image avec la Résolution HD YouTube pourra être obtenue avec le suffixe .youtubeMaxResDefaultUrl.
Les images Résolution HD YouTube peuvent être également traitées avec les opérateurs d'images.

Exemple
<b:loop values='data:posts' var='VARIABLE_NAME'>

  <b:if cond='data:VARIABLE_NAME.featuredImage.isYoutube'>
    <img expr:src='resizeImage(data:VARIABLE_NAME.featuredImage.youtubeMaxResDefaultUrl,500,"16:9")'/>
  </b:if>

</b:loop>

Métadonnées de l'image

Les métadonnées contenant les dimensions de l'image peuvent être extraites grâce aux suffixes .width (Largeur) et .height (Hauteur).
Lorsque ces informations ne sont pas explicites dans les métadonnées, les suffixes renverront les valeurs 0, NULL ou vide.

La largeur
<b:loop values='data:posts' var='VARIABLE_NAME'>
  <data:VARIABLE_NAME.featuredImage.width/>
</b:loop>

La hauteur
<b:loop values='data:posts' var='VARIABLE_NAME'>
  <data:VARIABLE_NAME.featuredImage.height/>
</b:loop>

Longueur de l'url de l'image

Avec le suffixe Size
<b:loop values='data:posts' var='VARIABLE_NAME'>
  <data:VARIABLE_NAME.featuredImage.size/>
</b:loop>

Avec le suffixe length
<b:loop values='data:posts' var='VARIABLE_NAME'>
  <data:VARIABLE_NAME.featuredImage.length/>
</b:loop>

Échappement de l'url de l'image

Échappement HTML
<b:loop values='data:posts' var='VARIABLE_NAME'>
  <data:VARIABLE_NAME.featuredImage.escaped/>
</b:loop>

Échappement JS
<b:loop values='data:posts' var='VARIABLE_NAME'>
  <data:VARIABLE_NAME.featuredImage.jsEscaped/>
</b:loop>

Échappement JSON
<b:loop values='data:posts' var='VARIABLE_NAME'>
  <data:VARIABLE_NAME.featuredImage.jsonEscaped/>
</b:loop>

Échappement CSS
<b:loop values='data:posts' var='VARIABLE_NAME'>
  <data:VARIABLE_NAME.featuredImage.cssEscaped/>
</b:loop>
Dernière modification :

Posts les plus consultés de ce blog

ThéorieFonctionnalitésContenu
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire
DéveloppementsFichiers XML
Favicons multi-sets [icon / apple-touch-icon / msapplication]
Populaire
ThéorieRéférences XMLTypes des variables d'habillage
Variables d'habillage - Les arrière-plans [background]
Populaire
ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire