Image aléatoire + intervalle régulier + emplacement différent
David987
Messages postés
120
Date d'inscription
Statut
Membre
Dernière intervention
-
David987 Messages postés 120 Date d'inscription Statut Membre Dernière intervention -
David987 Messages postés 120 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai une idée d'évent pour mon en jeu ligne qui est de faire apparaitre des images (pas trop grande hein genre maxi 100*100) 1 par 1 et sur tous mon site n'importe qu'elle page au hasard et avec un delai d'affichage ainsi qu'un delai entre chaque affichage d'image.
Je m'explique un peu mieux :
je nomme :
- Page1.php
- Page2.php
- Page3.php
Je navigue sur mon site et par exemple une image (que je nomme, image.png) apparaît sur la page1.php. Quelques minutes (que je souhaite avoir le choix) plus tard l'image apparaît sur la Page3.php et quelques minutes plus tard elle apparaît sur la Page2.php. Sachant que je souhaite choisir le temps d'affichage aussi sur chaque page (identique à toutes les pages.)
Pouvez-vous m'aider car, je ne sais pas du tous comment m'y prendre.
Merci par avance.
J'ai une idée d'évent pour mon en jeu ligne qui est de faire apparaitre des images (pas trop grande hein genre maxi 100*100) 1 par 1 et sur tous mon site n'importe qu'elle page au hasard et avec un delai d'affichage ainsi qu'un delai entre chaque affichage d'image.
Je m'explique un peu mieux :
je nomme :
- Page1.php
- Page2.php
- Page3.php
Je navigue sur mon site et par exemple une image (que je nomme, image.png) apparaît sur la page1.php. Quelques minutes (que je souhaite avoir le choix) plus tard l'image apparaît sur la Page3.php et quelques minutes plus tard elle apparaît sur la Page2.php. Sachant que je souhaite choisir le temps d'affichage aussi sur chaque page (identique à toutes les pages.)
Pouvez-vous m'aider car, je ne sais pas du tous comment m'y prendre.
Merci par avance.
A voir également:
- Image aléatoire + intervalle régulier + emplacement différent
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
- Image gratuite - Guide
1 réponse
Bonjour,
Je suppose que l'emplacement de l'image ( le choix de la page) sera le même pour tous les visiteurs à un instant T ...
Dans ce cas, Le javascript seul ne suffira pas.
Pour moi...
- Une crontab qui lance un script PHP toutes les x secondes
- Ce script choisi une image au hasard et choisi une page où l'afficher
(il enregistre ce "tirage'" dans une BDD ainsi que la date/heure du tirage )
- Bien entendu.. je vérifie au préalable si la "durée" d'affichage de la précédente est dépassée ou non avant de stocker la nouvelle valeur ( grâce à la date/heure du tirage.. )
- Côté site :
Lorsque tu affiches une page de ton site,
- Tu va vérifier en BDD si c'est celle où l'image doit s'afficher
- Si oui.. tu récupères le nom de l'image à afficher
- Un script JS la place ( au hasard ? ) sur ta page
Je suppose que l'emplacement de l'image ( le choix de la page) sera le même pour tous les visiteurs à un instant T ...
Dans ce cas, Le javascript seul ne suffira pas.
Pour moi...
- Une crontab qui lance un script PHP toutes les x secondes
- Ce script choisi une image au hasard et choisi une page où l'afficher
(il enregistre ce "tirage'" dans une BDD ainsi que la date/heure du tirage )
- Bien entendu.. je vérifie au préalable si la "durée" d'affichage de la précédente est dépassée ou non avant de stocker la nouvelle valeur ( grâce à la date/heure du tirage.. )
- Côté site :
Lorsque tu affiches une page de ton site,
- Tu va vérifier en BDD si c'est celle où l'image doit s'afficher
- Si oui.. tu récupères le nom de l'image à afficher
- Un script JS la place ( au hasard ? ) sur ta page
Et si, au lieu de faire une crontab je le fais à chaque actualisation d'une page la vérif du temps pour l'affichage de la suivante c'est faisable aussi.
Pour ce qui est du javascript.... c'est juste la "création" d'un élément html de type "img" ....
Tu trouveras sans mal de nombreux exemples sur le net
par exemple : https://www.quora.com/How-do-you-insert-an-image-in-Javascript
<script> var img = new Image (); var div = document . getElementById ( 'x' ); img . onload = function () { div . innerHTML + = '<img src = "' + img . src + '" />' ; }; img . src = 'Jeu/mages/pokemon/1.png' ; </script>Je met quoi pour afficher l'image que je souhaite ? et pour l'afficher à un endroit mais qu'il ne soit pas caché sur la page ?
Donc si tu as défini l'emplacement "a la main" dans ton code.. c'est là qu'il se mettra.
Si tu veux faire de l'aléatoire... il faut modifier la position top/left de l'élément "x"
Et bien entendu.. en javascript tu peux générer de nombre en random
et pour l'aléatoire, tu as un tuto pour que je puisse voir comment faire s'il te plait ?