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.

Scrivere sull'HTML

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

Articoli simili in , , , , , , , ,

Autore: Giuliano Ambrosio

Giuliano Ambrosio è un Web Designer Freelance di Torino che ama la grafica e sperimentare tecniche di creatività sul web. Grazie all'esperienza maturata nel campo del web design potrai scoprire i servizi disponibili, oppure guardare i suoi ultimi lavori.