Exercice : Affichage d'une image évolutive (mascotte)
Il est possible d'ajouter, en marge de la page web, une image évolutive, appelée « mascotte », en fonction de la valeur numérique d'un indicateur. On se propose donc d'améliorer l'exercice précédent en affichant un smiley dont le sourire évolue en fonction du score obtenu :
Vous pouvez utiliser les 4 images ci-dessous :
Mascotte
Question
Créez un item « mascotte »
Question
Ajoutez 4 échelles de valeurs à la mascotte :
0 à 0.99 et
1 à 1.99 et
2 à 2.99 et
3 à 3.99 et
Solution
Exemple de mascotte (ici avec 3 images)
Réglages de la mascotte
Question
Autorisez ensuite l'affichage de la mascotte pour chaque item traversé :
