Aller au contenu

[RESOLU] changement auto de photos


Plantaquatix

Messages recommandés

Posté(e)

Bonjour,

Je possède une page d'accueil avec une photo principale, mais je souhaiterais que cette photo permute régulièrement avec d'autre (une dizaine on dira). L'idée est là) mais je ne sais absolument pas comment faire, quelqu'un pourrait m'aider, siouplait ? :)

;)

Merci ! :modoreussi:

Posté(e)

Hello,

Peux-tu donner qq précisions :

- PHP est-il dispo sur le serveur?

- Tu souhaites que les photos défilent comme un diaporama (sans rafrachissement de la page) ou qu'à chaque refresh la photo soit différente?

Posté(e)

Nop, pas de PHP chez Mamadoo...

En passant par javascript, c'est tout à fait faisable, mais l'évolutivité dynamique du script n'est pas possible : tu veux rajouter des images, il faudra éditer le script à la mano

Voici un petit script tout bête que je viens de faire : il choisit une variable pseudo-aléatoire entre 0 et nbImg et renvoit ce numéro avec l'extension ext

Le code Javascript

<script type="text/javascript">
var nbImg = 20; // Nombres d'images
var ext = ".jpg"; //Extension des images, ne pas oublier le . devant
var i;
function imageAleatoire() { 
i = Math.floor(nbImg * Math.random() + 1); 
return i+ext; 
} 
</script>

Et tu appelles le script de cette manière dans ta page:

<script type="text/javascript">
document.write('<img src=' +imageAleatoire() +' alt="Image aléatoire" />');
</script>

Je n'ai pas testé, y a pitetre une erreur qui traine... :craint:

Edit : vi, il restait bien une erreur... Et je viens de le tester, c'est OK

Posté(e)

:transpi:

En fait, tes images doivent se nommer de 1.jpg (ou une autre extension en fonction du paramétrage de ta variable ext) à [nbImage].jpg

Si tu paramètres nbImage à 3, tu devras donc avoir 3 fichiers : 1.jpg, 2.jpg et 3.jpg

Si PHP avait été dispo, on aurait pu faire un script qui récupère au hasard un fichier image, peu importe son nom, mais en Javascript, ce n'est pas possible...

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

×
×
  • Créer...