[SPIP Forums] - Une vignette en background-image

hugobqd

Une vignette en background-image

27 mars 2008 12:08

Bonjour

Je souhaiterai afficher une image en background-image d’un calque. Je souhaiterai que cette image soit une vignette du premier document de l’article. J’arrive à afficher cette vignette grâce à ce code de boucle dans ma boucle :

<BOUCLE_documents(DOCUMENTS) {id_article} {mode=image} {extension IN png,jpg,gif} {0,1} {par titre} >

    [(#LOGO_DOCUMENT|#URL_ARTICLE|image_reduire{120,83})]

</BOUCLE_documents>

mais je n’arrive pas à l’insérer en background-image. Je me doute qu’il s’agit d’afficher le lien vers cette vignette et non pas la vignette elle-même mais malgrés toute mes recherches et mes essais je n’y arrive pas.

À votre bon cœur

Hugo

PS : J’ai bien essayé de bidouiller mais cela ne fonctionne pas, voilà où j’en suis :

<BOUCLE_articles_recents(ARTICLES) {par date} {inverse} {0,3} {doublons} {titre_mot="derniere_realisation"} >

    <div id="vignette">

        <a href="#URL_ARTICLE">

            <div style="background-image: url([#URL_DOCUMENT|image_reduire{120,83})])">#TITRE</div>

        </a>

    </div>

</BOUCLE_articles_recents>