Afficher des images aléatoirement.
Fermé
luluwebmaster
Messages postés
409
Date d'inscription
mardi 19 février 2013
Statut
Membre
Dernière intervention
3 février 2018
-
3 mars 2013 à 11:48
luluwebmaster Messages postés 409 Date d'inscription mardi 19 février 2013 Statut Membre Dernière intervention 3 février 2018 - 23 mars 2013 à 13:16
luluwebmaster Messages postés 409 Date d'inscription mardi 19 février 2013 Statut Membre Dernière intervention 3 février 2018 - 23 mars 2013 à 13:16
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 mot de passe wifi android - Guide
- Afficher taille dossier windows - Guide
- Windows 11 afficher d'autres options - Guide
14 réponses
David191212
Messages postés
231
Date d'inscription
samedi 18 juillet 2009
Statut
Membre
Dernière intervention
2 juillet 2016
46
23 mars 2013 à 11:40
23 mars 2013 à 11:40
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>
David191212
Messages postés
231
Date d'inscription
samedi 18 juillet 2009
Statut
Membre
Dernière intervention
2 juillet 2016
46
20 mars 2013 à 19:15
20 mars 2013 à 19:15
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
David191212
Messages postés
231
Date d'inscription
samedi 18 juillet 2009
Statut
Membre
Dernière intervention
2 juillet 2016
46
20 mars 2013 à 19:38
20 mars 2013 à 19:38
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
luluwebmaster
Messages postés
409
Date d'inscription
mardi 19 février 2013
Statut
Membre
Dernière intervention
3 février 2018
5
21 mars 2013 à 06:56
21 mars 2013 à 06:56
Pas de nom spécial non ;)
David191212
Messages postés
231
Date d'inscription
samedi 18 juillet 2009
Statut
Membre
Dernière intervention
2 juillet 2016
46
21 mars 2013 à 10:01
21 mars 2013 à 10:01
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>
luluwebmaster
Messages postés
409
Date d'inscription
mardi 19 février 2013
Statut
Membre
Dernière intervention
3 février 2018
5
21 mars 2013 à 16:10
21 mars 2013 à 16:10
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 ;)
David191212
Messages postés
231
Date d'inscription
samedi 18 juillet 2009
Statut
Membre
Dernière intervention
2 juillet 2016
46
23 mars 2013 à 01:11
23 mars 2013 à 01:11
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));
luluwebmaster
Messages postés
409
Date d'inscription
mardi 19 février 2013
Statut
Membre
Dernière intervention
3 février 2018
5
23 mars 2013 à 06:42
23 mars 2013 à 06:42
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>
David191212
Messages postés
231
Date d'inscription
samedi 18 juillet 2009
Statut
Membre
Dernière intervention
2 juillet 2016
46
23 mars 2013 à 09:49
23 mars 2013 à 09:49
oui avec images0.jpg, images1.jpg, ..., imagesn.jpg dans le dossier images
luluwebmaster
Messages postés
409
Date d'inscription
mardi 19 février 2013
Statut
Membre
Dernière intervention
3 février 2018
5
23 mars 2013 à 10:37
23 mars 2013 à 10:37
Bas je ne vois aucune images.
luluwebmaster
Messages postés
409
Date d'inscription
mardi 19 février 2013
Statut
Membre
Dernière intervention
3 février 2018
5
23 mars 2013 à 11:59
23 mars 2013 à 11:59
ç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 ?
David191212
Messages postés
231
Date d'inscription
samedi 18 juillet 2009
Statut
Membre
Dernière intervention
2 juillet 2016
46
Modifié par David191212 le 23/03/2013 à 12:58
Modifié par David191212 le 23/03/2013 à 12:58
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 )
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 )
luluwebmaster
Messages postés
409
Date d'inscription
mardi 19 février 2013
Statut
Membre
Dernière intervention
3 février 2018
5
23 mars 2013 à 13:16
23 mars 2013 à 13:16
Ok, je vais essayer ;)
Bien sur, cela ne me dérange pas du tout ;)
Bien sur, cela ne me dérange pas du tout ;)