ASBox2: Effetto Lightbox in Flash AS3
ASBox2 è la seconda versione della classe in ActionScript 3 scritta da Marcello Surdi che simula l’effetto Lightbox interamente in Flash senza utilizzare codice JavaScript
Il filmato Flash sarà pubblicato con dimensioni 100% eliminando dalla pagina HTML i margini e padding.
Andiamo a vedere la sintassi base da configure:
vars.ASBOX_MARGINTOP = 75;
vars.ASBOX_STARTWIDTH = 250;
vars.ASBOX_STARTHEIGHT = 250;
vars.ASBOX_BORDER = 5;
vars.ASBOX_MOTIONSPEED = 0.5;
vars.CLOSELABEL = 'CLOSE';
vars.PREVLABEL = 'PREV';
vars.NEXTLABEL = 'NEXT';
vars.IMAGE = 'Image'
Con il primo blocco di codice è possibile configurare parametri inerenti il contenitore delle immagini ingrandite
- ASBOX_MARGINTOP: la distanza dal bordo superiore della finestra del browser
- ASBOX_STARTWIDTH – ASBOX_STARTHEIGHT: le dimensioni iniziali durante il precaricamento della prima immagine
- ASBOX_BORDER: il bordo
- ASBOX_MOTIONSPEED: la velocità dell’animazione del ridimensionamento
La velocità dell’animazione è espressa in secondi, l’intervallo di valori utile è compreso tra 0.3 e 1.
Scarica il sorgente
Guarda il Tutorial
Letture Consigliate per AS3
-
Creare animazioni e siti web in Flash CS5
Prezzo: EUR 7,90
Promozione: EUR 6,72 -
Le risposte per i professionisti Flash AS3
Prezzo: EUR 49,90
Promozione: EUR 42,42 -
Maya 5. Elaborazione e animazione grafica 3D
Prezzo: EUR 12,90
Promozione: EUR 10,96 -
Sviluppare applicazioni con Flex 4 e AS3
Prezzo: EUR 40,00 |
Promozione: EUR 38,00
Articoli simili AS3DesignFlashGraficaLightboxTutorial
Autore: Giuliano Ambrosio
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.
23 Commenti
Scrivi un Commento
Contributor
Stefanelli
10 Indispensabili Consigli SEO per Web Designer Freelance
Oggi vediamo alcuni indispensabili consigli SEO per migliorare la visibilità dei siti web o ancora meglio degli  articoli, con lo scopo di migliorare la predisposizione all’indicizzazione dei nostri progetti web sui motori di ricerca. Ormai anche il Web Designer, soprattutto se è ha intrapreso la carriera da Freelance, deve assolutamente conosce alcune nozioni base della SEO. [...]
Rigato
Path: Alla scoperta del Social Network Esclusivo
Come ogni giorno, mi ritrovo a girovagare per il web: news dal mondo, articoli di nuovi o aggiornamenti social, altro vip che si cancella da Twitter… solita routine, quando ad un tratto vengo attratto dalla notizia di un nuovo Social Network super esclusivo. Già avevo sentito parlare di Path, ma non so per quale strano [...]
Gallo
Lo Shock Marketing nel 2012 con LUSH + [Video Shock]
Sono sempre troppo poche le campagne creative che puntano a sensibilizzare sulla causa animalista, contro le violenze e i test sugli animali, eppure quelle che hanno colpito di più l’immaginazione sono scolpite nelle coscienze di ognuno come segni indelebili. Tra tutte, una delle più meritevole degli ultimi anni è quella dell’azienda inglese LUSH, che ha [...]
Donno
Christophe Huet: Quando il Fotoritocco Diventa Surreale
Christophe Huet è un fotografo specializzato nel fotoritocco digitale, che divide facilmente le opinioni del pubblico, in quanto sappiamo benissimo che esistono due distinte correnti di pensiero. I primi, puristi della foto per i quali la manipolazione è da pena di morte, e i secondi, gli artisti del fotoritocco come Christophe che del fotoritocco hanno [...]
Guide In Evidenza
Usare un Metodo di Lavoro Efficace
Responsive Web Design: I Migliori Tutorial & Risorse
Progettare e realizzare un layout grafico per iPad
Progettare un Layout Grafico che funzioni
Facebook: Creare una Pagina Personalizzata
Creare un layout per iPhone: Trucchi e Consigli
Creare un Blog Popolare partendo da zero
Video Tutorial Adobe Photoshop
Il Meglio del Blog
I love WordPress - JuliusDesign P.IVA 10079630017 - Tutti i contenuti sotto Licenza Creative Commons - Advertise - Contatti - Policy
The advertisement is handled by BlackGeek Ltd
Guglielmo
22 ottobre 2008
Grande Julius, ottima galleria!
Mirko
22 ottobre 2008
Bravo Marcello!
Paolo
22 ottobre 2008
Ottimo sviluppo!
Marcello
22 ottobre 2008
Grazie per i complimenti e per la segnalazione! :)
Noc77
22 ottobre 2008
Bella galleria!
Ho un problema su uno schermo 1024×768, sia su IE7 che Firefox, quando apro un img piu’ grande la parte con il chiudi non la vedo e non posso chiuderla, succede solo a me?
Marcello
22 ottobre 2008
Potresti comunque chiuderla premendo ESC (così come puoi navigare i set di foto con i tasti freccia).
Le immagini non vengono ridimensionate in base alla risoluzione del monitor pertanto se quelle eccedono le dimensioni della finestra non ne vedrai una parte. Puoi provare a diminuire il valore di Configuration.ASBOX_MARGINTOP o, in definitiva, rassegnarti a ridimensionare un po’ l’immagine.
neapolis
22 ottobre 2008
Grande Marcello!
Ottimo lavoro! Geniale direi!
Posso inviarti una mail? ho una domanda tecnica!
Marcello
22 ottobre 2008
Sì certo, un’email, un commento…come preferisci.
neapolis
23 ottobre 2008
Grazie Marcello,
ho realizzato un semplice progetto flash e vorrei integrare, a questo, la galleria ASBox2 con un loadMovieNum (“sample.swf”, 2);
Fatto ciò le icone non sono + cliccabili e tecnicamente non so cosa fare! Mi aiuti!?
Volevo, anche “unire” in un unico progetto fla l’effetto Lightbox con Image Scroller in tutte le direzioni del Mitico Julius (nella sezione tutorial Flash del sito) ma da errori di syntax error pur non toccando io la sintassi (capisco che anche questo derivi da una mia limitazione tecnica). La dove possibile mi piacerebbe poter scaricare un esempio dei due quesiti posti (anche per mail re-pulcinella@email.it).
Nel ringraziarti anticipatamente mi complimento per la Vs professionalità e competenze. Marcello e Julius Siete Geniali!
Marcello
23 ottobre 2008
Ciao,
mi spiace ma temo che né l’integrazione con il tuo progetto né quella con l’Image Scroller di Julius siano possibili, ASBox2 è sviuppato in ActionScript 3 quindi non è compatibile con nulla che sia in ActionScript 2.
Noc77
23 ottobre 2008
@Marcello
Scusa per il ritardo ma ti ringrazio molto per la tua risposta veloce!!!
Marcello
23 ottobre 2008
Figurati!
Gessy
5 novembre 2008
Salve trovo fantastica questa galleria!!!!! solo che ho un piccolo problema….non essendo molto ferrata in AS3 e in Java forse qualcuno, di buon cuore, potrà aiutarmi……
Allora io vorrei che questa gallery si aprisse FULLSCREEN nella finestra del browser AUTOMATICAMENTE o se non è possibile da un tasto che poi aprirà la finestra a schermo intero (senza menu o altro) ……. però non vorrei che le immagini si deformassero…… Sono una rompi???? si va bhe!!! io ho provato con un esempio trovato sempre nel sito dove un tasto in AS2 faceva aprire un file html(dove era stato inserito del codice java) a tutto schermo….. lo riadattato ma non mi va!!!!! AIUTO!!!!! GRAZIE CMQ!!!!!
framerider
7 novembre 2008
Ma non c’e una versione di lightbox realizzata con flash as2 ?
Luca
26 febbraio 2009
Qualcuno sa come aprire una pagina web anzichè un’immagine con AsBox2?
GRAZIE!
Bethlehem
28 marzo 2010
Salve, ho apportato modifiche alla gallery in modo da far entrare le mie 35 immagini, mi chiedo se il layer che oscura lo schermo quando un’immagine si apre è estendibile indipendentemente alle dimensioni dello stage in flash, perchè al momento quando espando un’immagine si osucura solo fino al margine dello stage… ho provato a configurare i paramentri in as ma niente da fare… qualcuno ha un’idea ?
Bethlehem
28 marzo 2010
Inoltre, sto cercando un modo per sviluppare un player, di filmati da youtube in modo dinamico come presentati in questo sito
http://www.voliera.org/video.html
ogni suggerimento è utile ! :)
Simone
31 luglio 2010
Salve ragazzi, sono nuovo in zona. Ho avuto modo di provare questo splendido tutorial. Sto cercando un lightbox che sia in AS2 in modo da poterlo adattare al mio sito. Ho provato i numerosissimi lightbox che si trovano in rete ma tutti con una mole di .js a volte non facilmente gestibile.
Qualcuno può segnalarmi qualcosa di molto simile a questo che è davvero ottimo!?!?!
Ringrazio in anticipo
Simone :)
antonio
4 agosto 2010
Marcello volevo sapere perche lo sfondo nero del ASbox,ovvero l’overlay se non erro,non si adatta alla dimensione del mio sito.Come posso fare?
Grazie per questa utility ;)
antonio
4 agosto 2010
Bethlehem ha scritto:
anch io ho lo stesso problema
Paola
8 settembre 2010
Ragazzi è proprio impossibile aprire swf anzichè jpg????
Grazie di nuovo.
Paola
beppe
22 dicembre 2010
ciao julius…ottimo lightbox in flash…complimenti!!!!
solo una cosa volevo chiederti…quando apro le immagini si aprono sul lato sinistro dell’swf…vorrei che si aprisse al centro…dove dovrei andare a modificare il codice?????
aiutami!!!!
beppe
sergio
19 gennaio 2011
ciao julius, ciao a tutti!
ottima questa galleria ma avrei una domanda da fare. ho notato che la dimensione del file swf “sample” è 640 x 480 e che viene inserito nella pagina html NON nelle sue dimensioni naturali, ma viene esteso al 100% sia in larghezza che in altezza. ma se io avessi l’esigenza di avere la pagina html con il solo contenuto swf nelle sue dimensioni naturali, le immagini ingrandite chiaramente non si vedono quando sono piu grandi della dimensione del swf. E’ possibile che il contenuto flash delle immagini ingrandite vada sul contenuto html? chiaramente non mi dite di usare il light box realizzato in js perchè vorrei personalizzare questo, perhè mastico flash e non js :))))
grazie mille