Besoin d'aide pour un code

Fermé
Patpierre Messages postés 10 Date d'inscription mercredi 22 janvier 2014 Statut Membre Dernière intervention 10 mars 2019 - 24 févr. 2016 à 16:39
Patpierre Messages postés 10 Date d'inscription mercredi 22 janvier 2014 Statut Membre Dernière intervention 10 mars 2019 - 4 avril 2016 à 16:02
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
A voir également:

1 réponse

Patpierre Messages postés 10 Date d'inscription mercredi 22 janvier 2014 Statut Membre Dernière intervention 10 mars 2019
4 avril 2016 à 16:02
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
0