Configurer le modèle pour un choix d'image à partir d'une liste

Le choix des images dans une liste permet à l'utilisateur de choisir entre un nombre défini d'images dans un menu déroulant.

Pour configurer le modèle, vous devrez modifier les fichiers .html (voir Mettre à jour le fichier HTML) et les fichiers .json (voir Mettre à jour le fichier params.json).

Fichier HTML

Le fichier HTML doit avoir une classe « div » qui contiendra le choix d'images proposées à l'utilisateur :

Copier
<div class="imageContainer">
    <img data-publish-id="image" class="image" src="./img/image1.jpg" alt="main image" />
</div>

Fichier JSON

Le fichier params.json doit avoir une section correspondante qui contient le choix d'images offertes à l’utilisateur :

Copier
{    
    "id": "image",
    "label": "image",
    "default": "./img/image1.jpg",
    "type": "image",
    "choices": [
        { "label": "image 1", "value": "./img/image1.jpg" },
        { "label": "image 2", "value": "./img/image2.jpg" },
        { "label": "image 3", "value": "./img/image3.jpg" },
        { "label": "image 4", "value": "./img/image4.jpg" }    
    ]
}