Discussion :

[ingeniomatique]

Bonjour à tous,

Dans le cadre d'un jeu, j'ai plusieurs images à gratter comportant différents gains.

Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script type="text/javascript" src="js/jquery-1.3.2.js" ></script>
<script type="text/javascript" src="js/jquery.jScratchcard.js" ></script>
<script type="text/javascript">
	$(window).load(function() {
		$("#image1").jScratchcard({
			opacity: 0.9,
			color: '#D4A017',
			stepx: 24,
			stepy: 25,
			mousedown: false
		});
		$("#image2").jScratchcard({
			opacity: 0.9,
			color: '#D4A017',
			stepx: 24,
			stepy: 25,
			mousedown: false
		});
		$("#image3").jScratchcard({
			opacity: 0.9,
			color: '#D4A017',
			stepx: 24,
			stepy: 25,
			mousedown: false
		});
	});
</script>

Le souci est que les images EN DESSOUS de la zone à gratter s'affichent une seconde avant que la zone à gratter n'apparaissent.
Il n'y a donc plus aucun suspense ni intérêt à gratter.
=> Comment résoudre ce souci ?

Par ailleurs je souhaiterais afficher une alerte dès lors qu'environ 80 % de la zone à gratter a été grattée.
=> Savez vous comment faire ?

Merci beaucoup par avance,
Antoine

[Gaetan_]

Je crois que tu as eu ta réponse sur un autre forum où tu as posé exactement la même question

[ingeniomatique]

Bonjour Gaetan,
Pas exactement non
J'ai finalement utilisé la fonction de changement de SRC au bout d'une seconde pour afficher l'image plus tard.

Par contre je ne parviens pas à afficher une ALERT TEXTE pour l'utilisateur dès lors qu'il a gratté une grande partie de l'image... Pouvez vous m'y aider ?

Antoine