3.5.4.1 Animation de chargement

C'est purement cosmétique mais vous pouvez configurer une animation de chargement, comme expliqué dans le chapitre 4.6.2.2, lorsque vous utilisez le module JS de défilement infini.

On peut alors écrire, lignes 2 à 4, quelque chose comme :

1
2
3
4
5
6
7

        <footer>
              .:GetBlogMetadataIfExists::loading_image::
                  <img id="__VENC_LOADING__" src=".:GetRelativeRoot:./{value}" />
              :.
        </footer>
    </body>
</html>

Avec GetBlogMetadataIfExists, on teste ici si une image de chargement a bien été définie dans le fichier de configuration principal. Si tel est le cas, alors la balise img est ajoutée.

Notez que l'attribut id a pour valeur __VENC_LOADING__. Cela permet au module JS de retrouver l'élément à afficher ou à cacher, selon que la page est ou non en cours de chargement.

Enfin, remarquons à la ligne 3 :

src=".:GetRelativeRoot:./{value}" 

Ici la variable value portera le nom de fichier contenu dans loading_image, si ce champ est défini dans votre fichier de configuration.

Enfin, comme souvent avec VenC quand on référence une ressource dans un fichier HTML, on utilise le motif GetRelativeRoot qui permet de construire le chemin relatif du fichier qu'on référence.