Bibliothèque codes XMLInclusionsVersion serveur

responsiveImageStyle [server version]

Description Statut Gadget Gadget Version
Code xml de l'inclusion externe "responsiveImageStyle" (Images d'arrière-plan réactives). L'appel de l'inclusion "responsiveImageStyle" est fournie par défaut dans tous les modèles officiels Blogger.
Nouveau
verrouillé
Commun
1
<b:includable id='responsiveImageStyle'>
  <b:with value='data:imageSizes ?: [480,640,800,1200,1600]' var='imageSizes'>
    <style>
      <data:selector/> {background-image:url(<data:image/>);}

      <b:if cond='data:image.isResizable'>
        <b:loop index='i' values='data:imageSizes' var='maxWidth'>
          <b:with value='data:i - 1' var='minWidth'>
            <b:if cond='data:i lt data:imageSizes.size - 1'>
@media (max-width: <data:maxWidth/>px) <b:if cond='data:i gt 0'>and (min-width: <b:eval expr='data:imageSizes[minWidth] + 1'/>px) </b:if>{ <data:selector/> {background-image:url(<b:eval expr='resizeImage(data:image,data:maxWidth)'/>);}}
            <b:else/>
/* Last tag covers anything over one higher than the previous max-size cap. */
@media (min-width: <b:eval expr='data:imageSizes[minWidth] + 1'/>px) { <data:selector/> {background-image:url(<b:eval expr='resizeImage(data:image,data:maxWidth)'/>);}}
            </b:if>
          </b:with>
        </b:loop>
      </b:if>
    </style>
  </b:with>
</b:includable>
Dernière modification :

Posts les plus consultés de ce blog

DéveloppementsFichiers XML
Populaire
ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire