Blog su Wordpress, Web Design, Web Development e Seo

Eccomi di nuovo a parlare dell’effetto Page Peel. Pensavate fosse finita?
Nemoprincess aveva gia’ introdotto l’argomento, io l’ho integrato con quest’articolo e ora non rimane altro che concludiamo in bellezza.

In questa sede, discuteremo come visualizzare correttamente l’effetto in presenza di un’altra animazione in flash. Infatti, se nella pagina web sono presenti altri .swf oltre allo script Page Peel, quest’ultimo comparira’ sotto le altre animazioni in flash.

Tra i numerosi commenti, si era supposto che il problema fosse causato dalla mancanza dello z-index (proprieta’ presente nei CSS, che controlla quali elementi sono disposti “sopra” o “sotto” rispetto alla profondità dello schermo).
Riflettendoci un po’, ho capito che il problema poteva essere risolto aggiungendo il parametro “wmode” nel secondo file .swf, lasciando stare lo script.

La procedura da seguire e’ molto semplice:

• Per chi usa DreamWeaver come me, lo script “AC_RunActiveContent.js” verra’ generato ed inserito automaticamente nella pagina web:

• Stessa cosa per l’animazione in flash:

• Ora dobbiamo inserire il tag “wmode” col parametro “opaque” all’interno di “AC_FL_RunContent“:

... ality','high','wmode','opaque','pluginspage','htt ...

• Fatto? Bene, perche’ poi si deve aggiungere, sotto agli altri parametri gia’ presenti:

Esempio:
......

• Ed infine aggiungere in EMBED:

... wmode="opaque" ...

• Ecco il codice modificato completamente:

Salviamo tutto, carichiamo i file nel server ftp e godiamoci l’effetto fixato.