Addì 24 giugno 2010
Headerbanner con jQuery per le campagne pubblicitarie
Link utili:
- Overlayer con jQuery per le campagne pubblicitarie
- Footerbanner con jQuery per le campagne pubblicitarie
link interno
link esterno
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

Vota: --
Lascia un Commento