Cette astuce est accessible à tous les niveaux de blogs.

Il suffit de disposer d'un hébergeur qui accepte le PHP (définition chez wikipedia).
Exemples d'hébergeurs acceptant le PHP : Free, iFrance ou encore Lycos ou OVH.
Over-Blog n'accepte pas le PHP.
J'ai un article d'aide concernant l'espace proposé par Free.
Le script PHP est disponible sur cette page sous forme de fichier txt. La page est en anglais, donc je vous propose directement de télécharger le script  PHP ici.

Maintenant que vous avez le matériel, voici comment faire en amont :
  • sélectionner les images à faire tourner,
  • les mettre dans un dossier sur son espace personnel,
  • y rajouter le fichier rotate.txt, le renommer en ce qu'on veut en changeant son extension pour .php.
Pour faire simple, je vous propose à ce que le fichier rotate.txt soit renommé rotation.php.
Les images et le script doivent être dans le même dossier.
Les images peuvent avoir n'importe quel nom (pas obligé de les renommer image01, image 01 etc) et n'importe quel format d'images (gif, jpg, png etc).

Voilà, les images et le fichier sont hébergés. il ne reste plus qu'à mettre cela sur le blog.

Pour insérer une image, je vous avais dis dans l'article dédié qu'il fallait mettre l'url de l'image.
Et bien ici nous n'allons pas mettre l'url de l'image (puisqu'il y en a plusieurs) mais l'url du fichier rotation.php !
<img alt="" src="http://hebergeur.com/dossier/rotation.php" />
Il faut bien-sûr personnaliser l'url en mettant son hébergeur, le nom de son dossier et de son script PHP.

En effet, c'est lui qui va aléatoirement piocher une image parmis celles du dossier dans lequel il est.


Je peux vous prouver que ça marche : allez voir mon blog principal, leDenisBlog dont le lien est en bas à droite, appuyez sur la touche F5 de votre clavier et vous pourrez voir le fond changer de couleur.
Cela signifie que vous pouvez utiliser un script pour une image dans un moduel (votre en-tête par exemple), vous pouvez également utiliser cette astuce dans le css (comme mon fond vichy changeant).

J'ai décidé de vous montrer ici l'image de mon fond de blog dont je vous parle depuis quelques lignes, ainsi vous pouvez le tester en appuyant sur la touche F5 de votre clavier.
 
Publié dans : Inserts images et photos - Demander une aide - Voir les 6 commentaires
Retour à l'accueil

Commentaires

Avec un site d'aide comme celui-ci, comment ne pas être performant !  

Merci pour la réponse "Deezer"

 

Commentaire n°1 posté par mariposa couette le 14/06/2010 à 09h28

Merci.

De rien pour la réponse Deezer.

Réponse de les Brigades le 14/06/2010 à 23h05
Bonjour,
Votre site est très intéressant, j'aurai une petite question, je voudrais faire alterner le fond de mon entete j'ai bien lu votre article mais je ne sais pas où placer le code? La ligne qui correspond actuellement à mon fond est background-image:url(http://idata.over-blog.com/3/85/36/69/Images-2/Image-4/KELINHABILLAGE.jpg). Pourriez vous me dire comment je dois le modidier?

Merci d'avance
Cordialement
Commentaire n°2 posté par Haury Isabelle le 02/09/2010 à 11h04

Merci.

Comme je l'ai écris, il faut un hébérgeur qui accepte le format PHP (Free est très bien et facile d'utilisation ... et en français ... et gratuit). chez cet hébérgeur, tu créera un dossier dans lequel tu mettra tes bannière et le fichier qui se termine par txt et que je propose au téléchargement.
C'est tout pour cette partie.

Ensuite, dans le css, il faut trouver le fond de l'en-tête.
Pour toi, c'est ici :
/* ------------------entete ---------------------*/
#top {padding:0px; color:#FFF; background-image:url(http://idata.over-blog.com/3/85/36/69/Images-2/Image-4/KELINHABILLAGE.jpg);}
Il faudra donc remplacer http://idata.over-blog.com/3/85/36/69/Images-2/Image-4/KELINHABILLAGE.jpg par l'url du fichier txt hébérgé chez Free par tes soins.

Réponse de les Brigades le 02/09/2010 à 15h07
Bonjour,

Depuis hier j'essaie d'insérer la ligne de code indiquée mais cela ne marche pas! J'ai choisi Lycos...Voici le lien inséré
Commentaire n°3 posté par karine le 21/11/2010 à 14h50

Bonjour,

Je veux bien la ligne de code et également savoir o% et somment tu la mets.

Réponse de les Brigades le 21/11/2010 à 16h10
Désolée il semble que via contact je ne peux pas t'envoyer le code. Donc je te le met ici





Commentaire n°4 posté par karine le 21/11/2010 à 16h34

Apparemment, cela ne fonctionne ni avec le contact, ni ici.

As tu mis ce code sur ton blog et si oui à quel endroit ?

Réponse de les Brigades le 21/11/2010 à 17h37
Bonsoir,

Bah non j'ai mis cette ligne :

Dans la ligne "ajouter une image à partir d'une URL". Je pense que c'est le bon endroit non?

Si tu veux j'ai posté un message dans service d'aide créative si le code ne s'affiche pas.

Je pense que mon problème vient du fait que sous Lycos, y a un répertoire principal. C'est dans celui-ci que j'ai créé un répertoire images. Donc normalement dans mon lien faut que je mette mais cela ne marche pas..
Commentaire n°5 posté par karine le 21/11/2010 à 17h52

Il ne faut pas passer par ""ajouter une image à partir d'une URL" mais passer directement dans le html.

Si c'est compliqué, voici une astuce : tu récupère l'adresse de l'une des images du dossier, tu passes par "ajouter une image à partir d'une URL" et tu valides. Puis tu cliques sur l'icône html du module ou de l'article et tu repère l'url de l'image que tu remplacera par l'adresse du fichier php.

Le fait que ce soit un sous dossier n'est pas important : pour moi aussi c'est un sous dossier chez Free.

Réponse de les Brigades le 21/11/2010 à 18h15
ok ça y est c'est bon ça fonctionne!!! Merci. Ta manip qui consistait à récupérer le code d'une image m'a bien aidé.
Commentaire n°6 posté par karine le 21/11/2010 à 18h24

Cette solution m'est apparue en lisant ton commentaire...
Merci à toi.

Réponse de les Brigades le 21/11/2010 à 18h31

Communication

Plusieurs moyens pour obtenir un coup de main de ma part :
Ajoutez un commentaire dans l'article qui vous intéresse.

Powered By Hab.la
 
Créer un blog gratuit sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés