XML ExplorerInclusionsInclusions universelles

super.responsiveImageStyle [server version]

Description Statut Gadget Gadget Version Template 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
invisible
Commun
1
2
1
2
3
<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>

Posts les plus consultés de ce blog

ThéorieFonctionnalitésContenu
Populaire
DéveloppementsMulti-versions
Populaire
ThéorieFonctionnalitésGestion
Populaire
DéveloppementsFichiers XML
Populaire