Elucubrato da saibal
Addì 17 Giugno 2010
Overlayer con jQuery per le campagne pubblicitarie
Link utili:
- Footerbanner con jQuery per le campagne pubblicitarie
- Headerbanner con jQuery per le campagne pubblicitarie
link interno
link esterno
Questo per quanto riguarda le variabili principali. Rimangono 3 array da poter personalizzare in base alle necessità:
-
ol_hide_elem = new Array();
Indica gli ID degli elementi html che devono essere nascosti al caricamento dell’overlayer. Ad esempio un div, o un qualsiasi altro contenitore di filmati flash, crea problemi alla corretta visualizzazione dell’overlayer. Per risolvere basta inserire gli ID di quegli elementi che vogliamo momentaneamente nascondere. Torneranno visibili alla chiusura della campagna pubblicitaria. Es.: new Array(‘elem1′,’wrapper’);
-
ol_none_elem = new Array();
Simile al parametro precedente tranne per il fatto che viene utilizzata la direttiva “display” al posto di “visibility“. Ciò significa che gli elementi inseriti in questo array verranno nascosti e modificheranno “lo spazio” nella pagina. Torneranno visibili alla chiusura della campagna pubblicitaria. Es.: new Array(‘elem1′,’wrapper’);
-
ol_site_cookname = new Array();
Facciamo un passo indietro e torniamo alla variabile “ol_maindomain“. Se impostata su “y” è necessario inserire i domini per cui far valere il cookie. Nell’esempio precedente è stato fatto il caso di due siti: “http://www.sito.it” e “http://terzo.sito.it”. In questo caso basta inserire il dominio di secondo livello “sito.it” nell’array (senza www o altro prefisso).
L’opera di personalizzazione è terminata. Passiamo alla fase di inserimento del codice richiamando i javascript necessari nell’head della pagina:
1 2 3 | <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.cookie.js"></script> <script type="text/javascript" src="jquery.overlayer.js"></script> |
Le prime due righe, come è evidente, caricano il framework “jquery” e il plugin “jquery.cookie”. L’ultimo script, invece, è l’overlayer.
Subito dopo inseriamo la chiamata alla funzione principale:
1 2 3 4 5 | <script type="text/javascript"> $(document).ready(function() { $().overlayer(); }); </script> |
Visto che abbiamo personalizzato il codice direttamente nel file “jquery.overlayer.js“, è stata inserita solamente la funzione senza parametri.
- 2.890 visite
Vota: %SAIBAL_PERCENTAGE%%
Loading...
Ciao Saibal!!! Sei troppo forte!!!
Su IE ho problemi di visualizzazione, confermate?
IE quale versione? Io l’ho provato su IE 6,7 e 8. Non vedo problemi.
Ciao Saibal, stò provando ad installare il tutto su wordpress, ma proprio non mi riesce… in particolare secondo te in quale cartella dovrei caricare i file? Nella cartella del tema, o in quella principale del sito? Grazie mille Antonio
antonio sostanzialmente non fa differenza… io di solito li metto nel tema:
http://www.lorenzone.it/wp-content/themes/l9e/js/file.js
Alla fine ce l’ho fatta… il problema era che andava in conflitto con la barra wibiya che ho sul sito, ho dovuto inserire lo script di questa barra prima dello script che carica l’overlayer, ora va… grazie mille
Un ultimo dubbio, il layer contiene un video che parte al passaggio del mouse, con il click su chiudi la finestra scompare ma il video continua ad andare (me ne accorgo dall’audio), secondo te è possibile aggiungere uno script al click su chiudi che stoppi tutti i video in corso?
Ragazzi..su IE7 non riesco a visualizzarla…perchè???