La tecnica Flash Overlay, ovvero disporre sopra, viene usata spesso per realizzare banner pubblicitari espandibili, al fine di attirare l’attezione del visitatore, oppure per creare popup visualizzabili da tutti i browser senza aver paura di eventuali blocchi.

Nell’esempio sopra (l’immagine è stata scelta per puri scopi teorici) possiamo vedere come inserire un filmato flash al 100% sopra del testo in html.
In questo caso è stata inserita un’immagine trasparente formato .png
Con questa tecninca possiamo realizzare banner molto accattivanti, oppure popup visualizzabili su tutti i browser
Nella pagina Html dovremo inserire una funzione JavaScript al fine di poter rendere invisibile il filmato flash, in quanto quando è attivo non possiamo selezionare il testo al di sotto.
Ecco la funzione:
<script language="JavaScript" type="text/JavaScript">
function hideDiv() {
document.getElementById("flashcontent").style.display = "none";
</script>
Il suo scopo è quello di rendere invisibile il div flashcontent ovvero il div che contiente il filmato flash.
Richiameremo questa funzione da flash, tramite un pulsante o un frame, a nostro piacimento
chiudi.onRelease = function() {
getURL('javascript:hideDiv();');
};
Scarica il sorgente
Guarda il Tutorial
ABC, Banner, Design, Flash, Grafica, HTML, Pubblicità, Sviluppo, Tutorial

Pagine: « 1 [2] Mostra tutto
Pagine: « 1 [2] Mostra tutto
tag abilitati: <code> </code> | <a href=""> </a> | <strong> </strong> | <i> </i>
Sickboy
3 Ottobre 2007 alle 8:59 am
ho risolto… visto mi è bastata una tua risposta ad illuminare la mia mente pigra !!!
Per quanto riguarda il tuo problema posso assicurarti che ho fatto una prova ad inserire un altro filmato TRASPARENTE e non ho visto nessun problema…
il mio filmato non era trasparente !!!!!
Julius
3 Ottobre 2007 alle 11:57 am
b1t
6 Ottobre 2007 alle 12:21 pm
Ciao Julius.
Non sarebbe interessante implementare anche il contrario, cioè un bottone (flash oppure html) che fa comparire un swf sopra una pagina html?
Ciao ciao.
Julius
6 Ottobre 2007 alle 18:54 pm
Basta richiamare una funzione in javascript come è stato fatto per rendere invisibile il contenuto flash, ma in questo caso renderà visibile il contenuto flash
nel file HTML vi è un JS questa parte rende invisibile
.style.display = “none”;questa rende visibile
.style.display = “block”;diego
19 Ottobre 2007 alle 10:57 am
Ciao Julius!
Ho notato che il mio flash in overlay su IE, mantiene i link dell’html sottostante, ma su firefox tutti i link dell’html vengono coperti…questo senza disattivare il flash sopra… hai una soluzione?
mittico!
ciao
Julius
19 Ottobre 2007 alle 18:46 pm
Penso siano due modi differentiche usano i browser per gestire questa cosa, vedo cosa riesco a trovare..
ciao
marco
29 Novembre 2007 alle 12:20 pm
Ciao Julius, grazie per i consigli e per i file…la mia necessità è quella di far apparire su un html non una immagine png, ma un video .fla.
Come devo procedere, considerando la mia poca esperienza in flash?
Grazie
Julius
1 Dicembre 2007 alle 14:09 pm
Ciao marco nell esempio che ho messo a disposizione non è una png a comparire bensì un SWF
Puoi usare la stessa tecnina anche tu, ovvero al posto di insere un swf con un’immagine inserisci un video FLV importandolo da flash
Dario
12 Febbraio 2008 alle 22:52 pm
Ciao Julius! Complimenti ancora per questo tutorial. Eppure sono così giu perchè non riesco a comporre il tutto. Dunque, ricapitolando ho semplicemente scambiato l’immagine della tipa con quella che volevo, pubblicato l’swf… e poi sono andato a creare il div nella pagina html, che è composta da diverse tabelle. Il risultato è che il div mostra al livello superiore l’immagine, il cui fondo però non è trasparente..e quando clicco scompare e ritorna come al primo frame senza che nulla accada. Cosa puo essere? Grazie
Julius
13 Febbraio 2008 alle 9:19 am
Controlla di avere pubblicato l’swf con sfondo trasparente, controlla il codice confrontandolo con il mio.
Nico
9 Marzo 2008 alle 15:02 pm
Julius semplicemente fantastico!!…..ma purtroppo su IE, M$ mi mette l’avviso di abilitare il contenuto ritenuto potezialmente dannoso.
Ci si può fare qualcosa?
Grazie
Julius
10 Marzo 2008 alle 19:34 pm
Dovrebbe chiedertelo sono in locale…
Svany
17 Settembre 2008 alle 16:10 pm
Ciao ho scaricato l’esempio e mi accade una cosa strana con IE7, in pratica nell’esempio online tutto bene clicco sul flash e scompare, nell’html in locale se lo apro, sempre con IE7, una volta cliccato il flash scompare per poi riapparire subito.
Non ho fatto modifiche ne al flash ne al codice della pagina di esempio.
Con opera, ff, safari e chrome funziona bene.
Julius
17 Settembre 2008 alle 23:07 pm
Quindi hai problemi solo in locale?
Potrebbe essere un bug nell’utilizzo di applicazioni flash in locale…
Il tuo “scompare per poi riapparire subito” cosa intendi esattamente?