Ecco un piccolo script in Flash, che ci permette di visualizzare un’immagine in tutte le direzioni, destra sinistra, su e giu per intenderci, seguendo il mouse con effeto frizione.

Il codice ActionScript è molto semplice, in poche parole tramite le coordinate delle ascisse (x) e ordinate (y) l’immagine viene spostata con effetto decellerato nella posizione in cui va il cursore.

Image Scroller in tutte le direzioni

Per l’esempio ho usato un immagine della fortunata serie televisiva Heroes

Le variabili che possiamo gestire per avere una velocità o frizione diversa sono speed e friction che trovate nel evento onClipEvent del clip filmato point

Scarica il sorgente
Guarda il Tutorial

Author

Sono un Creative Strategist con più di 10 anni di esperienza in strategie digitali. Il mio ruolo di Stratega consiste nell’ideare e sviluppare concept creativi per progetti multicanale, individuando le attivazioni e dinamiche di Marketing da applicare attraverso un approccio strategico.

68 Commenti

  1. a me no. in tutte e due le versioni presenti nello zip. Ma sto utilizzando la ‘old_image_scroller’, potresti darmi una mano? Grazie grande Julius.

  2. ciao Julius,
    splendito tutorials, complimenti.
    Ma ti volevo chiedere: se volessi avere due (o più) mc che si basano sugli stessi script, senza doverli caricare più volte, ma con la velocità di reazione allo spostamento xy del mouse diversa, come si potrebbe fare??
    Poi un altra cosa, dal momento che il mc è più piccolo dello stage, come posso creare una area di validità dello script oltre la quale i mc ritornano alla posizione di partenza??
    Ti ringrazio in anticipo, sei un grande!! Marco

  3. neapolis

    Ciao Julius,
    vorrei utilizzare Image Scroller ma con background color del documento nero.
    Stranamente in anteprima l’immaggine non compare.
    Praticamente scompare sotto allo sfondo nero del documento.
    Come posso fare?

  4. neapolis

    Ciao Julius, nessuna nuova x me? Ho bisogno di un aiuto per creare uno background colorato. Grazie

  5. Ciao Julius,
    è possibile fare in modo che non passando il mouse sopra l’immagine, se ne carichi un altra?
    E per fare in modo che le immagini siano cliccabili come devo fare?

    Grazie

  6. Ciao Julius mi hanno aiutato moltissimo i tuoi tutorial!
    Volevo chiederti come posso convertirlo in AS3?

    Ciao e grazie!

  7. @edgen: Non vi è un modo automatico, si devono cambiare tutte le classi e le istruzioni, non è semplice se non si ha dimestichezza con AS3

  8. @Barbara: sicuramente trovi qualcosa su FlashDen.net però è a pagamento…

    I file sono di alta qualità e costano pochissimo

  9. Alberto M

    Non si potrebbe caricare l’immagine dall’esterno senza essere inserita nel sorgente?

  10. AlbertoM

    Al posto di un immagine si potrebbe caricare un file flash (swf).

    Sei grande Julius aiutami per favore mi serve veramente.

  11. Ciao Julius, ciao a tutti, questa utility è grandiosa…grazie julius, io l’ho usata moficiando il codice solo sull’asse delle x per avere una sorta di portfolio scorrevole. Nel mio caso l’uso diventa quello di contenitore di bottoni (o sottocategorie di un portfolio). Il mio problema avviene quando carico un swf su un livello soprastante, e alla chiusura dello stesso, il mio SWF scorrevole (file di questo tutorial) si blocca e non è più sensibile al mouse.

    Sono disperato…si non sò che inventarmi…qualche prezioso aiuto??
    grazie a tutti, grazie julius!

  12. Scusate ma come faccio a cambiare l’immagine.Sono ancora inesperto e vorrei imparare.
    Grazie mille

  13. Daniele

    Ciao Jiulius, è possibile scrollare l’immagine tenendo premuto il mouse e non passandoci sopra? Grazie ciao!

Commenti