Afficher des images aléatoirement.
luluwebmaster
Messages postés
430
Statut
Membre
-
luluwebmaster Messages postés 430 Statut Membre -
luluwebmaster Messages postés 430 Statut Membre -
Bonjour a tous :)
Voila, j'aimerais afficher des images héberger sur un hébergeur aléatoirement, j'ai vu que c'est faisable en javascript, j'ai vu beaucoup d'exemples, mais ça ne marche pas pour des image héberger ...
Es-que quelqu'un pourrais me donner un code pour le faire avec des image héberger ?
Merci d'avance :)
--
Merci a tout ceux qui répondrons a mes problème ^^
Voila, j'aimerais afficher des images héberger sur un hébergeur aléatoirement, j'ai vu que c'est faisable en javascript, j'ai vu beaucoup d'exemples, mais ça ne marche pas pour des image héberger ...
Es-que quelqu'un pourrais me donner un code pour le faire avec des image héberger ?
Merci d'avance :)
--
Merci a tout ceux qui répondrons a mes problème ^^
14 réponses
-
voila j'ai apporté quelques correction au script:
(il faut qu'il y ai un dossier images a coté du fichier html qui contient les n images appellées image0, image1, .. image4 )
pour en voir une autre il suffit de cliquer sur voir une autre image
<script language="javascript"> var n=5; function randomImg() { var i=Math.floor((Math.random()*n)); document.getElementById("Uneimage").innerHTML = "<img src=\"images/image"+ i +".jpg\" />"; } </script> <a onclick="randomImg()" style="color:blue">Voir une autre image</a><br /> <span id="Uneimage"><img src="images/image0.jpg" /></span> -
salut est ce que tu connais le chemin de ces images ?
dans ce cas tu fais un tableau en javascript, et puis tu choisit un indice aléatoirement
si c'est bien ça je pourrais te filer un code que j'avais fais ya pas longtemps -
Coucou,
merci de votre aide,
vous pouvez me donner le code, j'essaierais de le modifier après ;) -
est ce que tes images on un nom spécial ou c'est du type image1, image2, ...., imageN ?
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
-
d'accord donc tu peux mettre dans ton javascript une fonction ( n => nombre d'images que tu possede )
les images devront s'appeler images0, image1, ... jusqua imageN et etres dans le dossier images
function randomImg()
{
var i=alea(0, n);
document.getElementbyId('Uneimage').innerHtml =
"<img src=\"images/images"+ i +".jpg\" />"
}
et dans ton html
<span id="Uneimage"></span>
<a href="randomImg()">Voir une autre image</a> -
Ok, mais le "n =>" je dois le placer ou ?
Désolé pour ma question un bête :P
Je ne connais pas grand chose du Javascript ;)
-
places le n avant la fonction.
tu met n=5 si tu as 5 images ( de 0 a 4 )
ah et aussi remplace le alea(0, n)
par Math.floor((Math.random()*n)); -
Ok,
si j'ai bien compris, le script dois etre comme ça maintenant :
<script> n=5 function randomImg() { var i=Math.floor((Math.random()*n)); document.getElementbyId('Uneimage').innerHtml = "<img src=\"images/images"+ i +".jpg\" />" } </script> <span id="Uneimage"></span> <a href="randomImg()">Voir une autre image</a>
-
oui avec images0.jpg, images1.jpg, ..., imagesn.jpg dans le dossier images
-
-
ça marche super !
Je me demandais, es-que c'est possible de le faire, mais a la place de l'image, on met un code html ?
-
bien sur,
si le code qui change est lié a un chiffre entre 0 et n
( comme ici mon image )
ou alors faire un tableau contenant les codes html
ps: est ce qu'on peut se tutoyer ?
( je préfère le tutoiement sur les forums ) -
Ok, je vais essayer ;)
Bien sur, cela ne me dérange pas du tout ;)