jScratchCard - Créer des jeux à gratter avec ce plugin jQuery

jScratchCard est un plugin jQuery permettant de créer des jeux à gratter (instant gagnant) avec la souris.

Un plugin original qui vous permettra de faire rêver (ou pas) vos visiteurs pendant un instant !

jScratchCard dispose de plusieurs modes de grattage:

• Au click de la souris
• Au passage de la souris

Il est possible de configurer la couleur de la texture à gratter, le niveau d'opacité retiré à chaque passage de la souris, la zone grattée en pixels...

Il est très simple à utiliser, par exemple pour recréer le ticket en or, il suffit de faire la chose suivante:

HTML

<img src="scratchcards.gif" id="card" class="effect">

Javascript

$("#card").jScratchcard({
    opacity: 0.5,
    color: '#D4A017',
    stepx: 10,
    stepy: 10
});

Facile non ? Le seul inconvénient est qu'on voit les image au chargement de la page. Il serait donc judicieux de mettre une image blanche par défaut puis de la changer dynamiquement en Javascript après le chargement du plugin.

Site Officiel