Besoin d'aide pour un code

[Fermé]
Signaler
Messages postés
10
Date d'inscription
mercredi 22 janvier 2014
Statut
Membre
Dernière intervention
10 mars 2019
-
Messages postés
10
Date d'inscription
mercredi 22 janvier 2014
Statut
Membre
Dernière intervention
10 mars 2019
-
Bonjour,

J'aurais besoin de votre aide pour réaliser une petite animation; Je pense qu'un code simple en CSS devrait suffire. Mais voilà une image pour illustrer ce que voudrais faire :

Au clic on secoue le hochet (qui contient 7 pierres différentes) - ça je sais faire avec un gif animé et un "onclick"...
Après, là ou j'ai besoin d'aide c'est pour l'autre action :
- Une des sept pierres sort du hochet de façon totalement aléatoire (pour simplifier, elle peut s'afficher à côté plutôt que de "sortir" du hochet)
- dans un deuxième temps (après 2 ou 3 secondes), un petit texte de commentaire s'affiche à côté.

Merci pour votre aide, si possible bien-sûr
PATPIERRE

1 réponse

Messages postés
10
Date d'inscription
mercredi 22 janvier 2014
Statut
Membre
Dernière intervention
10 mars 2019

Bonjour,

En fait après recherche, j'ai opté pour un random au clic souris en affichant plusieurs images identiques, sauf le caillou et le texte qui changent.

J'ai fait le code ci-après et ça devrait matcher pile poil, mais j'ai encore un problème pour l'image de base qui ne s'affiche pas (action.gif).
C'est sur celle-là que l'on clic en premier pour déclencher l'affichage aléatoire d'une autre image.

Les autres fonctionnent (actions 1, 2, 3, 4... ) et s'affichent aléatoirement à chaque clic souris.

Voici le code :

<html>
<head>
<script language="JavaScript">
function pickimg(){
var imagenumber = 7 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1;
images = new Array
images[1] = "action1.jpg"
images[2] = "action2.jpg"
images[3] = "action3.jpg"
images[4] = "action4.jpg"
images[5] = "action5.jpg"
images[6] = "action6.jpg"
images[7] = "action7.jpg"
var image = images[rand1]
document.randimg.src = image
}
</script>
</head>
<body onLoad="pickimg()">
<a onClick="pickimg();return false;"><IMG SRC="action.gif" name="randimg" border="0"></a>
</body>
</html>


Quelqu'un ou une aurait-il la bonté de m'aider ?
PATPIERRE