Scroller Fullscreen è un componente Flash che permette di creare una scrollbar collegandola a un contenuto in un movie clip, al fine di utilizzarla al posto di quella del browser.

Scroller Fullscreen

Prima di tutto dobbiamo eliminare ogni tipi di margine e scrollbar del browser in questo modo:

Inseriamo un foglio di stile interno alla pagina tra i tag <head> e </head>

<style type="text/css">
body,html {
margin:0px;
padding:0px;
overflow:hidden; scroll="no"
}
</style>

A questo punto avremo una pagina senza margini e senza scrollbar.

In seguito ci basterà inserire l’oggetto flash a dimensioni 100% in questo modo:

<script type="text/javascript">
var so = new SWFObject("fullscreen_scroller.swf", "fullscreen", "100%", "100%", "7", "");
so.addParam("quality", "best");
so.write("flashcontent");
</script>

Per collegare il componente Scroller Fullscreen a un clip filmato, che ci fa da contenitore, basta andare nel pannello parametri e alla voce MovieClip inserire il nome istanza del clip, in questo caso mc_page.

Scroller Fullscreen parametri

Inoltre possiamo assegnare la velocità di scroll della barra da un massimo di 1 a un minimo di 5, e infine decidere la larghezza e altezza della barra.

NB. Se inserisci un campo di testo, ricordati di impostarlo o dinamico o statico utilizzando un carattere dispositivo

Scarica il sorgente
Guarda il Tutorial

Letture Consigliate per ABC

Articoli simili


Autore:

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.