Voici un petit tutoriel pour vous aider à mettre en place l’affichage d’une image choisie aléatoirement dans le dossier de votre choix. Dans le cadre de cette fiche, on considérera qu’il s’agit d’un dossier nommé random placé dans le répertoire de votre thème. Chaque fois que votre visiteur rechargera la page une nouvelle image s’affichera. Dans le cadre de cette fiche, on considérera que vos images et le script se trouvent dans un dossier nommé random placé dans le répertoire de votre thème.

Une image de fond dans un élément de votre page

Visible par exemple pour le header du thème Alto Plus Js sur le blog de démonstration de themes.dotaddict.org. Dans style.css placer dans le bloc souhaité :

background : transparent url(random/rotator.php) no-repeat center center;

Une image dans la page

Dans vos fichiers de template .html placer à l’endroit où vous souhaitez voir apparaître cette image aléatoire :

<img src="{{tpl:BlogThemeURL}}/rotator.php" alt="description rapide de l’image" />

Comme n’importe quelle autre image, celle-ci peut servir de lien vers ce que vous voudrez. La galerie complète par exemple...

Ce script a été écrit par Dan P. Benjamin. Il vous suffit de renommer le fichier rotate.txt lié dans l’article en rotator.php pour appliquer la méthode ci dessus. Un script amélioré, gérant les textes alternatifs et la possibilité d’appeler plusieurs images différentes dans la même page existe aussi[1], du même auteur. Tous les détails de la version et instructions complètes pour tous les usages qui peuvent en être faits dans l’entête du fichier rotator.php.

Alors... Heureux ?

Notes

[1] mais incompatible avec une arrière-plan css