Data ExplorerListe des donnéesGadgets

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
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>

Posts les plus consultés de ce blog

DéveloppementsMulti-versions
Facebook : Boîte de commentaires [Comments Box]
Populaire
ThéorieFonctionnalitésGestion
Populaire
DéveloppementsFichiers XML
Populaire
ThéorieFonctionnalitésSEO
Populaire
ThéorieFonctionnalitésContenu
Populaire