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