Vai a: [ Contenuti ] [ Categorie ] [ Cerca ]

Headerbanner con jQuery per le campagne pubblicitarie

Headerbanner con jQuery per le campagne pubblicitarie


Subito dopo inseriamo la chiamata alla funzione principale:

1
2
3
4
5
<script type="text/javascript">
$(document).ready(function() {
	$().headerbanner();
});
</script>

Visto che abbiamo personalizzato il codice direttamente nel file “jquery.headerbanner.js“, è stato possibile inserire solamente il nome della funzione senza parametri.

Supponiamo, invece, di voler utilizzare headerbanner diversi nello stesso sito. Possiamo sovrascrivere le variabili di default, impostate precedentemente, in questa maniera:

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
$(document).ready(function() {
	$().headerbanner({
		hb_advheight: '180px',
		hb_closetime: '5 sec',
		hb_advwidth: '100%',
		hb_cookielife: '5 sec',
		hb_id:'head1'
	});
});
</script>

In questa maniera otteniamo l’importante risultato di poter attivare headerbanner diversi ed indipendenti (nel cookie, nella pagina da richiamare, nelle opzioni, etc) richiamando sempre e solo gli stessi file javascript. Possiamo inserire e sovrascrivere tutte le variabili viste in precedenza.

Il codice è stato testato sui più diffusi browser in circolazione e non dovrebbero esserci problemi di compatibilità.

Download

Il pacchetto .zip contiene tutti i file necessari (compresi jQuery ed il plugin jquery.cookie). Per scaricare lo script cliccate sul link: Saibal jQuery Headerbanner

Pagina: 1 2 [3]

Consiglialo su Facebook

sponsor

Lascia un Commento

Iscriviti alle discussione senza commentare

Torna: [ Inizio ] [ Contenuti ] [ Categorie ] [ Cerca ]

Pagina renderizzata in soli 0,574 secondi dopo aver eseguito ben 47 query (22 in cache). Wordpress... prestazioni da urlo!