Corsi on-line

jScratchcard: gratta e vinci con jQuery

jScratchcard è un plugin per la libreria  jQuery che è stato concepito per uno scopo estremamente curioso, permette infatti di realizzare dei “Gratta e Vinci virtuali” perfettamente funzionanti; l’estensione, disponibile gratuitamente, è scaricabile dal sito ufficiale del progetto e si integra facilmente con jQuery in qualsiasi pagina Web utilizzando un codice come il seguente all’interno dei tag <head>:

<head>
...
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="js/jquery.jScratchcard.js" ></script>
...
</head>

Per ogni Gratta e Vinci sarà possibile settare il livello di opacità, il colore e le dimensioni della tessera; il codice seguente potrà essere utilizzato per esempio per la creazione di una tessera color oro:

$("#card2").jScratchcard({
	opacity: 0.5,
	color: '#D4A017',
	stepx: 10,
	stepy: 10
});
Post correlati
I più letti del mese
Tematiche