AdivorPeel, il famoso script gratuito che permette di arricciare l’angolo superiore di una pagina web, e’ veramente uno strumento utile e molto valido. Lo script, come ormai molti di voi sapranno, è scaricabile gratuitamente da Avidorblog.com oppure in alternativa dal mirror postato da nemoprincess in questa pagina.
In questo periodo, ho testato molti script simili e, a mio parere, AdivorPeel -grazie alla fluidità data dall’animazione in Flash- rimane il più semplice ed elegante effetto “page peel” della categoria.
Utilizzando Mozilla Firefox, ho riscontrato un “problemino tecnico” causato dall’estensione Adblock Plus. L’estensione, essendo molto invasiva, filtra la maggior parte di banner e testi pubblicitari. Purtroppo blocca perfino il nostro scriptino.
Una soluzione banale sarebbe disabilitare l’estensione incriminata, ma non la ritengo valida a causa dell’enorme quantita’ di banner e pubblicita’ che imperversa nel web e che, sinceramente, mal digerisco. Quindi, come ho risolto il problema?
Navigando per la rete ho trovato uno script molto simile (d’ora in poi chiameremo jaaspeel) che utilizza la medesima animazione di AdivorPeel, mentre il codice nel file .js e’ leggermente diverso.
Scarichiamo da questo mirror il pacchetto contenente la cartella “peel” con seguenti file:
- large.swf
- large.jpg
- small.swf
- small.jpg
- peel.js
Ora non ci resta che editare il file “peel.js” modificando i seguenti campi con i nostri dati:
- jaaspeel.ad_url – URL della nostra pagina pubblicitaria
- jaaspeel.small_path – percorso del file small.swf
- jaaspeel.small_image – percorso del file small.jpg
- jaaspeel.big_path – percorso del file large.swf
- jaaspeel.big_image – percorso del file large.jpg
ad esempio:
- jaaspeel.ad_url = escape(‘http://www.miosito.com’);
- jaaspeel.small_path = ‘http://www.miosito.com/peel/small.swf’;
- jaaspeel.small_image = escape(‘http://www.miosito.com/peel/small.jpg’);
- jaaspeel.big_path = ‘http://www.miosito.com/peel/large.swf’;
- jaaspeel.big_image = escape(‘http://www.miosito.com/peel/large.jpg’);
Una volta modificato il file, editato le immagini ed inserito il seguentecodice javascript:
Carichiamo il tutto nel nostro spazio web, ed il gioco e’ fatto =)
Se non avete installato l’estensione AdBlock Plus su Firefox, non dovreste aver problemi nel visualizzare lo script, altrimenti leggete il metodo che ho testato personalmente.
La soluzione era piu’ semplice di quanto pensassi. Visto che l’estensione fa riferimento ad una lista di regole in formato .txt (che si aggiorna ogni 5 giorni), ho provato a cercare nell’elenco la parola “peel” ed e’ risultato che lo script “peel.js” era presente.
Ragionandoci un po’ sopra, ho trovato un escamotage semplice ma al tempo stesso geniale. Rinominando il file “peel.js” in “prova.js”, quest’ultimo non viene considerato da AdBlock Plus perche’ “prova.js” non fa parte della lista!
Quindi, con questa semplice modifica, si bypassa il controllo e si visualizza correttamente l’animazione della pagina arricciata!
Altri articoli che potrebbero interessarti:
Effetto Page Peel – Come arricciare la pagina
Plugin per la visualizzazione delle foto Web 2.0 Style
Pagepeel: visualizzarlo correttamente con altre animazioni Flash







