
Ecco un esempio di Galleria di foto scorrevole a seconda del posizionamento del mouse.
E’ altamente personalizzabile ed è possibile aggiungere altre foto, con accurate accortezze.
Per inserire altre foto basta semplicemente creare un nuovo clip filmato di nome istanza, in questo caso tab3 in quanto il nostro ciclo inizia da zero.
Dopo aver inserito la nostra immagine nel clip con coordinate 0,0 andaimo a posizionare il nuovo clip al margine destro dello stage con coordinate 640,0
Per ultima cosa dobbiamo inserire lo stato a “false” del nuovo clip contenente l’immagine
stato = new Array(false, false, false, false, false);
Andiamo ad analizzare il codice:
Questa Tabella mi fornisce lo stato di roll-Over sulle schede che all’inizio è impostato su “False”
stato = new Array(false, false, false, false);
Calcolo porzioni visibili e posizione orizzontale:
la porzione “massima” è, ovviamente, rappresentata dalla larghezza di ogni scheda
media = Stage.width / stato.length;
minima = (Stage.width - tab0._width) / (stato.length-1);
massima = tab0._width;
//trace("queste le dimensioni: "+media+"/"+minima+"/"+massima);
prototipo per il movimento decelerato
MovieClip.prototype.muovi = function (traguardo, speed) {
this.arrivato = false;
this.onEnterFrame = function () {
this._x = (traguardo - this._x) / speed + this._x;
if (Math.abs(traguardo-this._x)<=0.5) {
this._x = traguardo;
this.arrivato = true;
delete this.onEnterFrame;
}
}
}
Attivo i pulsanti delle schede (i clip sono nominati “tab0″, “tab1″ e così via…) se vuoi partire da 1 cambia i=1 nel ciclo for
for (i=0; i // al roll-over imposto il corrispondente elemento nella tabella Stato = true
this["tab"+i].onRollOver = function() {
ind = this._name.substr(3, 1);
stato[ind] = true;
}
Imposto al roll-out il corrispondente elemento nella tabella Stato = false
this["tab"+i].onRollOut = function() {
ind = this._name.substr(3, 1);
stato[ind] = false;
}
}
Questa funzione scandisce la tabella di stato è mi fornisce
testato = function() {
// preimposto il risultato a -1 (nessun roll-over)
risultato = -1;
for (i=0; i if (stato[i]) {
risultato = i;
}
}
return risultato;
}_root.onEnterFrame = function () {
// verifico lo stato delle schede
mousopra = testato();
if (mousopra != -1) {
//trace("il mouse è sopra un elemento");
for (z=0; z if (z <= mousopra) {
this["tab"+z].muovi(z*minima, 5);
} else {
this["tab"+z].muovi(z*minima+massima-minima, 5);
}
}
} else {
//trace(”il mouse è fuori”);
for (z=0; z this["tab"+z].muovi(z*media, 5);
}
}
}
Fonte [Paolo Savigni]
Scarica il sorgente
Guarda il Tutorial
Scarica i Files New Update!! (tabslider orizzontale/verticale)
Guarda il Tutorial New Update!! (tabslider orizzontale/verticale)
Design, Flash, Galleria, Grafica, Immagini, Slides, Sviluppo, Tutorial

Pagine: « 1 [2] Mostra tutto
Pagine: « 1 [2] Mostra tutto
tag abilitati: <code> </code> | <a href=""> </a> | <b> </b> | <i> </i>
Laura
18 Ottobre 2007 alle 10:49 am
ciao Julius
parto ringraziandoti di già per tutto questo tuo blog utilissimo e pieno di spunti!
ed ora il problema: ho provato ad utilizzare questa tabslider caricandola in un filmato principale…solo che nn riesco a farle occupare una porzione di pagina , si espande in pratica per tutta la larghezza. Come devo fare a darle “le misure entro cui stare?
come avrai capito dalla domanda nn sono molto esperta di flash…
grazie ancora
Julius
18 Ottobre 2007 alle 11:34 am
Ciao Laura,
grazie per i complimenti
in che senso si espande per tutta la larghezza?
Una volta caricato il TabSlider quando passerai sopra ovviamente si allargherà
Se invece vuoi visualizzare solo una porzione prova ad utilizzare le maschere in questo modo farai visualzzare solo ciò che vuoi…
Laura
18 Ottobre 2007 alle 11:54 am
ahi, forse mi sono spiegata male …
il tab slider dovrebbe stare dentro una porzione di pagina 677×518 a sinistra del mio filmato principale. Quando lo carico invece (con loadMovieNum) si “spalma “per tutta la larghezza del filmato principale ovvero 1024, anche se quando lo pubblico dal file d’origine è giustamente 677×518.
grazie anche della pazienza
Julius
18 Ottobre 2007 alle 12:04 pm
prova a caricarlo in un clip contenitore…
in questo modo
crea un clip
INSERISCI >> NUOVO SIMBOLO >> CLIP FILMATO >>
ora sei nel clip, ritorna sullo stage, apri la libreria [CTRL+L] seleziona il clip appena inserito e trascinalo sullo stage
a questo punto assegna il nome istanza al clip ugulae a box (la trovi nel pannelo proprietà del clip)
A questo punto sul fotogramma o su un pulsante se lo usi:
loadMovie("tabslider.swf",_root.box);_root.box._lockroot=true;
Laura
18 Ottobre 2007 alle 15:19 pm
Julius
18 Ottobre 2007 alle 16:43 pm
Mandami i files alla mia casella di posta che ci do uno sguardo appena posso…
Laura
18 Ottobre 2007 alle 16:48 pm
wow…grazie 1000
laura
26 Ottobre 2007 alle 18:28 pm
Paolo
12 Novembre 2007 alle 16:57 pm
Julius complimenti per il tuo blog
Come faccio ad aggiungere altri tab ?
ti prego rispondimi il prima possibile!
Paolo
12 Novembre 2007 alle 17:34 pm
risolto, sono un cretino non avevo letto sopra grazie lo stesso
Julius
12 Novembre 2007 alle 21:12 pm
@laura non avevamo risolto? Ti avevo mandato una mail con la soluzione…
@Paolo
leandro
16 Novembre 2007 alle 19:58 pm
Ciao Julius, complimenti per il blog, molto utile e chiaro…
Mi potresti dire come faccio per far partire in automatico il tabslider senza piggiare nei bottoni in basso a dx?
Ti ringrazio in anticipo.
laura
20 Novembre 2007 alle 11:03 am
a dir la verità anche in quello che mi hai mandato tu lo vedevo espanso a tutta la pagina…ti avevo rimandato una mail….nn l’hai vista?poco prima che ti ammalassi!
laura
20 Novembre 2007 alle 11:08 am
a dir la verità adesso ho ricontrollato meglio…
in pratica:mi avevi dato un consiglio ma nn funzionava, poi ti avevo spedito il file e mi avevi aggiunto una maschera!
eh…ci avevo provato anch’io ma la prima immagine a destra nn si riesce a visualizzare(quella del tronco), e la seconda si vede solo in parte… in pratica la maschera nn contiene l’swf, ma ne fa vedere solo
una parte…
se tu apri l’swf tabslider da solo è diverso…
accidenti non pensavo fosse una cosa così complicata….
spero che ci riusciamo prima o poi!!
laura
26 Novembre 2007 alle 11:58 am
rinuncio?
Julius
26 Novembre 2007 alle 13:05 pm
Mai arrendersi…
allora oltre alla maschera che ho messo io…
Vai in tabslider e sostituisci Stage.width con 677
saluti
laura
26 Novembre 2007 alle 17:38 pm
G R A A A Z Z Z I E ! !
ce l’abbiamo fatta!!
Lo sapevo che alla fine era una stupidaggine!!
ciao ciao…alla prossima!
F!X
26 Novembre 2007 alle 18:46 pm
Ciao, ti disturbo perchè sto impazzendo per cercare un modo per richiamare 4/5 foto da un xml ma non trovo modo di farlo funzionare, seguendo il lavoro che hai fatto tu è possibile richiamare le foto da un xml??
Ciao e grazie!
Julius
26 Novembre 2007 alle 20:59 pm
Possibile è possibile ma è da cambiare la logica di caricamento immagini
Leo
6 Dicembre 2007 alle 13:33 pm
Ciao Julius, ho recentemente scoperto il tuo sito…è una miniera!
Ho il problema più banale del mondo…non riesco a far funzionare più delle 4 foto di esempio, ho aggiunto i livelli opportuni, messo i nomi alle istanze (tab4, tab5, etc.) ma quando provo il filmato mi vede sempre e solo le prime 4 dove sbaglio?? Dallo script mi sembra tutto a posto dovrebbe rilevarle da solo..e invece!
Un aiutino? please
Julius
6 Dicembre 2007 alle 13:40 pm
Ciao leo se leggi attentamente l’articolo subito dopo l’immagine della galleria viene descritto passo passo cosa fare per aggiungere una nuova slide..
Leo
6 Dicembre 2007 alle 15:47 pm
Chiedo scusa
avevo fatto tutto giusto, mi era sfuggito il dettaglio dell’aggiungere tanti “false” quante saranno le imamgini.
Chiedo scusa scusa scusa…(5 min. di vergogna!)
Grazie Julius!
Sermi
13 Dicembre 2007 alle 16:06 pm
Ciao Julius, complimenti davvero, ottimo lavoro!
Non sono un profondo conoscitore di Flash, però vorrei creare uno slider largo 800 pixels composto da 4 foto larghe 400 l’una..ho provato a cambiare un po’ di varianti ma mi si sposta tutto a sinistra fuori dal filmato! Puoi aiutarmi?
Grazie!
sole
13 Dicembre 2007 alle 16:33 pm
ciao julius e grazie per i file sorgente.
mi servirebbe realizzare una tabslider che funga da menu, come questa, ma con 9 immagini. ho seguiuto le tue istruzioni, creando due nuovi movie clip come spieghi ed ho anche impostato lo stato
stato = new Array(false, false, false, false, false, false);
precisamente alla riga 4 , ma non succede nulla. le immagine nuove inserite rimangono ferme. (ho la versione 1 con le slide da dx verso sx)
Devo modificare qualcos’altro?
grazie in anticipo
LeoSoft
17 Dicembre 2007 alle 21:07 pm
Ragazzi nessuno è riuscito a farlo diventare un menù?
Alberto
13 Febbraio 2008 alle 12:57 pm
Julius, si potrebbe effettuare il caricamento dell’immagini da file esterno in xml.
Ti mando un link di una cosa simile ma molto bella:
http://www.fameid.com/menu/index.php?option=com_content&task=view&id=14&Itemid=15
dovrebbe essere freeware o mi sbaglio.
Ciao ciao alla prossima
simone
5 Agosto 2008 alle 8:42 am
Ciao a tutti,mi sto avvicinano ora alla creazione del mio sito web e subito devo fare i conti con Flash.Vorrei realizzare una sequenza di immagini che scorrono in continuazione al caricamento della pagina.Non conoscendo il software mi dareste una mano ??
Grazie
marco
7 Agosto 2008 alle 14:27 pm
cosa me ne faccio di queste foto che scorrono se poi non le posso rendere cliccabili… l’autore ha più volte sorvolato su questo problema…
o avete già risolto?