Image aléatoire + intervalle régulier + emplacement différent

Fermé

David987 Messages postés 121 Date d'inscription samedi 19 décembre 2015 Statut Membre Dernière intervention 16 octobre 2022 - Modifié le 21 août 2019 à 19:09
David987 Messages postés 121 Date d'inscription samedi 19 décembre 2015 Statut Membre Dernière intervention 16 octobre 2022 - 22 août 2019 à 17:55

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.

A voir également:

Image aléatoire + intervalle régulier + emplacement différent
Image iso - Guide
Intervalle excel ✓ - Forum Excel
Acronis true image - Télécharger - Sauvegarde
Excel différent de 0 ✓ - Forum Excel
Signe différent ✓ - Forum Bureautique

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
22 août 2019 à 09:14

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

David987 Messages postés 121 Date d'inscription samedi 19 décembre 2015 Statut Membre Dernière intervention 16 octobre 2022 1
22 août 2019 à 13:55

C'est le côté Javascript que je ne connais pas trop, j'en demande beaucoup mais pour le script javascript tu aurais un exemple ? En ce qui concerne le php j'ai compris ce que tu as voulu dire.

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.

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650 > David987 Messages postés 121 Date d'inscription samedi 19 décembre 2015 Statut Membre Dernière intervention 16 octobre 2022
22 août 2019 à 15:59

oui tu peux le faire à chaque chargement de page si tu préfères.
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

David987 Messages postés 121 Date d'inscription samedi 19 décembre 2015 Statut Membre Dernière intervention 16 octobre 2022 1
22 août 2019 à 16:35

si je prend ça comme script js :

<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 ?

ben.. l'image se placera dans l'élément html qui a pour id "x" tel qu'écrit dans le code....
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

David987 Messages postés 121 Date d'inscription samedi 19 décembre 2015 Statut Membre Dernière intervention 16 octobre 2022 1
22 août 2019 à 17:04

donc pour afficher l'image je peux faire <div id='x'></div> ?
et pour l'aléatoire, tu as un tuto pour que je puisse voir comment faire s'il te plait ?

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

Quelle touche clavier ou combinaison pour désigner "différent de

Caractère "différent" ou "pas égal à"

Comment écrire le signe mathématique "différent de"?

Alt + = un égal barré = différence !

Discussions similaires

Newsletters