Le html avec une image sélectionnée via le formulaire de config du plugin :
<BOUCLE_image_entete_accueil(DOCUMENTS) {id_document=#CONFIG{sf/image_entete_accueil}} {tous} {extension==jpg|png|gif} {0,1}>
<div id="visuel-accueil">
[(#FICHIER|balise_img|adaptive_images{2000})]
</div>
</BOUCLE_image_entete_accueil>
Le css :
#visuel-accueil { position: fixed; top: 0; left: 0; z-index: -10; width: 100%; height: 100vh; overflow: hidden; }
#visuel-accueil picture { width: 100%; height: 100%; }
#visuel-accueil img { object-fit: cover;width: 100%; height: 100%; }
Exemple : https://sofianechalal.com/