• Image de fond en Diaporama

    Cette fois ci, c'est une demande de Gen pour adapter un script issu d'une autre plateforme qui est à l'origine de ce tuto.

    Il est vrai que lorsque le background est une image, il peut être agréable que celle-ci change de temps en temps.

    Si vous préférez que les images de fond défilent, c'est sur ce tuto

    Ce script se base sur les transitions CSS3 et sur Mootools. Autant dire qu'il ne sera pas fonctionnel ailleurs que sur Eklablog (sauf si l'utilisateur intègre le framework Mootools) et sur les vieux navigateurs. Vous savez, ceux qui nécessitent de pédaler pour fonctionner :)

    Et comme toujours, le javascript doit être activé sur votre compte Eklablog. Faites la demande au support si ce n'est pas le cas.

    Le code 

    La première partie permet de définir le style. Il est directement  intégré donc pas besoin d'aller le placer dans Ajouter du CSS.

    Réglages:

    • Durée de transition: Lignes 6 à 10
    • Les images sont à placer lignes 14 à 19
    • La durée de changement d'image se règle ligne 66

    Ce code est à placer dans un module simple html ou dans un article. Tout dépend si vous souhaitez l'appliquer à tout votre blog ou à un article en particulier comme je l'ai fait ici.