Afficher des images aléatoirement.
luluwebmaster
Messages postés
409
Date d'inscription
Statut
Membre
Dernière intervention
-
luluwebmaster Messages postés 409 Date d'inscription Statut Membre Dernière intervention -
luluwebmaster Messages postés 409 Date d'inscription Statut Membre Dernière intervention -
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 :)
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 :)
A voir également:
- Afficher des images aléatoirement.
- Des images - Guide
- Afficher appdata - Guide
- Afficher taille dossier windows - Guide
- Windows 11 afficher d'autres options - Guide
- Afficher mot de passe wifi android - Guide
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
(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
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
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>
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 ;)
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));
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 :
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>
ç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 ?
Je me demandais, es-que c'est possible de le faire, mais a la place de l'image, on met un code html ?