Image Gallery Fullscreen [AS3]
Ecco una bella galleria di immagini in flash realizzata in Action Script3
Questa galleria permette di visualizzare le immagini utilizzando un Fullscreen, espandendo quest’ultime su tutto il nostro browser.
![Image Gallery Fullscreen [AS3]](http://juliusdesign.files.wordpress.com/2007/10/image_gallery_as3.jpg)
Avremo a disposizioe una galleria strutturata con delle categorie le quali visualizzeranno le immagini corrispondenti.
Vediamo il file XML:
![Image Gallery Fullscreen [AS3]](http://juliusdesign.files.wordpress.com/2007/10/images_gallery_as3.jpg)
La galleria di immagini viene gestita tramite un semplice file esterno XML cosi strutturato:
<item name="main" folder="main">
<item name="After the rain" file="A_after_the_rain.jpg" />
<item name="Bridge" file="Bridge.jpg" />
<item name="Double Delight Rose - Yellow" file="Double_Delight_Rose-Yellow.jpg" />
</item>
- name: Nome da visualizzare come categoria nella galleria
- folder: Nome/percorso della cartella in cui prendere le immagini
- name: Nome della foto da visualizzare
- file: Percorso dell’immagine da visualizzare
E’ necessario utilizzare Flash CS3 per visualizzare i file progetto
Scarica il sorgente (click destro sul link > Proprietà > copia e scrivi l’url nella barra indirizzi del browser)
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 AS3CS3DesignFileFlashFreeGalleriaImmaginiSviluppo
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.
54 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
Oleg
9 ottobre 2007
Bellissima! Minimale! Grande Julius! Thanx for sharing!
carolina
9 ottobre 2007
nn mi funziona nn fanno i links, mi da degli errori…..
Julius
9 ottobre 2007
@Oleg :)
@carolina che link?
kemas
9 ottobre 2007
fantastica!!!
ma dove diavolo le trovi ste meraviglie?!?!?
complimenti
flashmotus
10 ottobre 2007
grazie julius, davvero notevole, non ho il flash cs3 ma chissà un giorno, al momento do una sbirciatina al codice con la versione demo.
mki
17 ottobre 2007
E’ veramente molto bella questa gallery, come del resto tutti i tutorial che metti nel blog…
Scusa, siccome non ho ancora il Cs3, esiste una cosa simile in Flash 8?Intendo con la possibilità di passare a tutto schermo con un click?
Grazie
Julius
17 ottobre 2007
Come avrai ben notato quello è finto fullscreen, ovvero, l’immagine è gia caricata sotto ma viene mascherata da un semplice quadrato di proporzioni più piccole.
Una volta cliccato il pulsante FULLSCREEN, non fa altro che avviare una transazione della maschera al fine di arrivare a dimensioni 100%
Cerca nell’area TUTORIALS esempi di FULLSCREEN
saluti
mki
17 ottobre 2007
Grazie ;)
Luca
30 ottobre 2007
A me visualizza come nome della categoria il valore che sta in folder…perchè???
Luca
7 novembre 2007
Ciao, bellissima galleria, volevo sapere se potevo inserire questa splendida galleria nel mio sito. Posso farlo?
augustomai
11 novembre 2007
ciao,questa galleria è davvero stupenda.Scusa non ci conosciamo sono si può dire alle prime armi ,ma non riesco a scaricare il sorgente,riesco a guardare il tutorial ma quando lo scarico non mi da il fla.Perchè? In più volevo sapere se è modificabile.scusami un altra domandina siccome sono all’inizio in questo lavoro infatti non ho ancora finito il mio primo sito,volevo sapere se mi potevi consigliare qualche blog o sito dove cercare immaggini, tipo sxc.com ,e tutorials.ciao,grazie!!! complimenti sei davvero grande
Julius
12 novembre 2007
@Luca puoi utilizzare la galleria a tuo piacimento è opensource
@augustomai Clicca su Scarica i file sorgenti
augustomai
12 novembre 2007
quando clicco su file sorgente va a questo indirizzo
http://www.boshpk.co.uk/imageGallery/source.rar
e vedo
Rar!Ïs
i;t 6*PÛƧ7 3 GalleryChooser.as°Tê* ÌÌÍOÍWº`7¾uY-±&×j ×NN[ÍÁ½ÁÃmIã
|Á+_oÙXE;Ïln «¶(3øÕ÷îÑ20ö ¶19¨~þ=£ÞôISÙ¾ô` àv ~ jACÖGûõiÐãÎG8ó@ ñ:
«j!çjSðì6> wA>çj?ô |ä?Û+ÏAá¬MÉ´fö7Nyábþ&®°ñ ±Óüw”ÎBÇ÷¯b
RYmñgod1gò` lM:ÈG×Ùµøü vû¾ûª )£1NLÌ=ZÒ|Ñ%üb¶HÞ _käÙòîñ&ÕÉ
Julius
12 novembre 2007
Con cosa lo estrai il file .rar o.O
augustomai
27 novembre 2007
io clicco su scarica file sorgente e mi si apre direttamente cosi
Rar!Ïs
i;t 6*PÛƧ7 3 GalleryChooser.as°Tê* ÌÌÍOÍWº`7¾uY-±&×j ×NN[ÍÁ½ÁÃmIã
|Á+_oÙXE;Ïln «¶(3øÕ÷îÑ20ö ¶19¨~þ=£ÞôISÙ¾ô` àv ~ jACÖGûõiÐãÎG8ó@ ñ:
«j!çjSðì6> wA>çj?ô |ä?Û+ÏAá¬MÉ´fö7Nyábþ&®°ñ ±Óüw”ÎBÇ÷¯b
RYmñgod1gò` lM:ÈG×Ùµøü vû¾ûª )£1NLÌ=ZÒ|Ñ%üb¶HÞ _käÙòîñ&ÕÉ
Julius
27 novembre 2007
Scarica winrar
CyberDemon
4 dicembre 2007
Ciao Julius, complimenti per questa incredibile raccolta di progetti. Sono mostruosi!!!
Questo in particolare mi interessa molto.
Volevo utilizzarlo per creare la galleria delle mie foto ma dopo aver caricato tutte le foto e compilato l’XML ho avuto un problema con alcune immagini.
Volevo sapere come fare per non far visualizzare le immagini adattate allo schermo ma alla loro dimensione originale.
Questo mi occorre perchè alcune foto sono scattate verticalmente e quindi per vederle per intero bisogna scorrerle parecchio perdendo il soggetto della foto, cosa che invece non accade con le normali immagini orizzontali che sono visualizzate nella loro quasi totale pienezza.
Grazie 1000 e continua così.
P.S. Posso avere un tuo minibanner da inserire sulla mia pagina per linkare questo sito? Merita davvero troppo!!! Ciao
Julius
4 dicembre 2007
Il progetto è realizzato con Fash cs3 è sinceramente mi sto buttando da poco sul codice..
appena faccio progressi ti dico..
Per il banner a lato trovi un antipixel se vuoi usarlo…
un saluto
elisa
5 dicembre 2007
Ciao,
ho scoperto il tuo sito solo oggi ma è già tra i favoriti!
La Gallery è fantastica, però volevo avvisarti che c’è un problema se si fa lo zoom in delle immagini perchè dopo con lo zoom out tutto si sposta nell’angolo in basso a destra e si vede solo parte della foto incorniciata.
Cmq complimenti per il sito e ti dico già grazie in anticipo perchè sò già che lo frequenterò spesso! ;)
Ciauz!
blue
14 dicembre 2007
ma come si fa acambiare il colore? togliere il giallino intendo.
Sto provando a cambiare il codice dai file .as ma non mi cambia nulla :(
Julius
14 dicembre 2007
Prova a inspezionare il clip delle anteprime…
FILIPPO
12 febbraio 2008
julius ciao, mi si è cancellato un lungo messaggio che avevo scirtto!!arggggghhh!!
Vabbè ti faccio solo i complimenti, e volevo chiederti se sai da dove posso comnciare e se hai qualcosa di simile a questa gallery:
http://www.baron-baron.com/flash.html
akira
4 marzo 2008
Hola Julius, farti i complimenti mi sembra davevro superfluo…
Quindi: GRAZIE!
Ora, una domanda però: funziona tutto perfettamente ma quando si naviga tra le cartelle (main, blah, stuff), funge solo la navigazione…le thumb non vengono caricate.
Ciao
akira
4 marzo 2008
errata corrige: funge tutto sbagliavo io a dare il path per le thumbs e le pics
;)
alberto
4 marzo 2008
a questo indirizzo troverai quello che cerchi e funzionante, basta una semplice registrazione e avrai tutto gratis.
http://www.ffiles.com/flash/photo_galleries/xml_image_gallery_with_image_scrolling_1445.html
il Barna
9 marzo 2008
Ho provato a scaricare Image Gallery Full screen [AS3].
Dal sito vecchio lo scarico ma non funziona (non si vedono le foto).
Dal sito nuovo, invece mi dice:
Forbidden
You don’t have permission to access /imageGallery/source.rar on this server.
Siccome mi sembra un ottimo prodotto, come devo fare per scaricarlo e provarlo sul mio sito ??
Ciao e Grazie.
michele
28 marzo 2008
ma non si scarica, ciao
Julius
28 marzo 2008
click destro sul link > Proprietà > copia e scrivi l’url nella barra indirizzi del browser
Manu!
6 maggio 2008
ciao julius!!
ottima galleria…niente da dire! ;-)
volevo solo chiederti come posso cambiare il colore intorno alle finestre da besch ad azzurro…
per lo sfondo ce l’ho fatta!…semplice!
ma per questo…no….
è importante!!!grazie!ciaoo!
Julius
6 maggio 2008
Non ho capito quale intendi…
Manu
8 maggio 2008
intendo il colore della cornice dell’immagine ingrandita,il rettangolo dove c’è scritto main (nell’esempio in alto!) e il rettangolo sotto le miniature!
j0k3r
13 maggio 2008
Come posso fare in modo che lo spazio per scrivere la descrizione delle foto sia maggiore???
grazie…
Julius
13 maggio 2008
Non lo progettato io ma penso che se trovi il clip con il testo dinamico tu possa aumentare le dimensioni
Manu
19 maggio 2008
Julius…mi sai dire allora come cambiare il colore?della cornice dell’immagine ingrandita,il rettangolo dove c’è scritto main (nell’esempio in alto!) e il rettangolo sotto le miniature!
Please!
m_k_i
27 maggio 2008
Scusa ancora, ma se volessi caricarla dentro un mc contenitore come si fa?
Non riesco, forse il loadmovie è obsoleto per il cs3…?
Julius
27 maggio 2008
In questo modo con flash CS3
fra
12 giugno 2008
Non è attiva la pagina di questo tutorial! Ne per scaricare ne x vedere l esempio:-(
Julius
12 giugno 2008
Non si può vedere online perchè l’autore ha eliminato le pagine
per scaricare la galleria click tasto destro sul link Scarica Sorgenti > Proprietà > e poi copia e scrivi l’url nella barra indirizzi del browser
fra
12 giugno 2008
Sorry! L’avevi anche scritto ma non avevo letto!:-)
Julius
12 giugno 2008
ehhe capita bye bye
Claudio
14 luglio 2008
Ciao Julius anche io mi aggiungo per farti i miei complimenti
Vorrei risolvere questoproblema
creo l’swf della galleria , la inserisco in una pagina HTML e non funziona più
ho modificato i file classes impostando i nuovi percorsi per la ricerca delle immagini, ma niente nn funziona
Devo percaso creare del codice direttamente sulla pagina HTML?
Grazie anticipati
claudio
marco
27 settembre 2008
Ciao Julius,
complimenti per il tuo sito e per le tue segnalazioni.
Domanda analoga a quella di Claudio:
nel file zippato non è contenuto il file html, non è che ce ne puoi preparare uno ??
GRAZIE
marco
28 settembre 2008
Scusa Julius,
ho provato a pubblicare un file html con CS3 e la galleria funziona correttamente.
hai forse qualche suggerimento specifico riguardante le impostazioni per la pubblicazione ?
CIAO e GRAZIE ancora
marco
28 settembre 2008
Scusa ancora julius ( 3 post uno in fila all’altro… ),
ma qualche cosa non funziona come dovrebbe, alcune immagini ( anzichè andare in fullscreen ) vengono aperte in una nuova finestra…
CIAO
Julius
28 settembre 2008
@Claudio: ciao
probabilmente hai erratto qualche passaggio..controlla che tutti i file siano caricati
@marco: ciao
sei sicuro di aver inserito i file corretti delle immagini?
marco
28 settembre 2008
GRAZIE Julius per la risposta; molto gentile e tempestivo.
Ho scaricato il tutto sia dal tuo link che da : http://www.ffiles.com/flash/photo_galleries/xml_image_gallery_with_image_scrolling_1445.html
Da quest’ultimo il file prelevato è comprensivo di file index.html, all’interno vi è anche un file denominato “AC_RunActiveContent.js_safe”; ho cancellato “_safe” per evitare il messaggio “This page requires AC_RunActiveContent.js.”.
Provando la galleria anche offline, se si apre il file swf con flashplayer tutto funziona regolarmente, se viene aperto il file index.html alcune immagini anzichè essere portate a fullscreen vengono aperte in una nuova finestra.
Per quanto riguarda le immagini ( e anche tutto il resto ) non ho modificato nulla, si tratta del contenuto originale.
I risultati indicati sono stati ottenuti sia con Safari per OS X che con IE7 per PC.
La cosa è inspiegabile, almeno per quanto mi riguarda…
CIAO e GRAZIE
marco
28 settembre 2008
Ultime dal fronte.
Dopo aver sostituito la prima immagine ( afflitta dal problema di cui sopra ) con una mia immagine ho riscontrato il regolare funzionamento di quest’ultima.
Cliccando quindi sull’immagine si ha il fullscreen, cliccando sul titolo dell’immagine si ha l’apertura della stessa in una nuova pagina.
In pratica riguardo all’immagine incriminata, indipendentemente da dove si cliccava appariva l’immagine in una nuova finestra…BOH!!
A questo punto provo a ricostruire per intero la galleria, sia dal punto di vista delle immagini che dal punto di vista del file XML.
Anche questo sembra essere interessante dal punto di vista della gestione del fullscreen anche se le immagini sono tutte verticali : http://www.ffiles.com/flash/photo_galleries/zoom_pan_gallery_xml_1310.html
Mi permetto di suggerirvi anche la visione di: http://www.paulvanroekel.nl/picasa/index.asp
Sperando di non avervi eccessivamente tediato con le mie osservazioni vi auguro buon lavoro…specialmente a Julius.
CIAO
marco
28 settembre 2008
Dopo aver riscontrato nuovamente il difetto di cui sopra ho rinunciato a far funzionare questa galleria…
Ho trovato altri progetti molto interessanti reperibili all’indirizzo :
http://www.webdesign-flash.ro/#/proiecte/
Sperando che possano servirvi vi saluto.
pippo
6 maggio 2009
Ciao,
ho utilizzato questa galleria sul mio blog, ora ho la necessita di FAR INSERIRE LE FOTO AI MIEI UTENTI, come posso fare?
Qualche idea?
pippo
21 maggio 2009
Immaginavo di non ricevere risposta, sono però molto deluso…è proprio vero, da quando hai iniziato con il magazine ai tuoi utenti non dai piu riscontro!!!
Complimenti!
Julius
21 maggio 2009
@pippo: ciao in pratica dovresti creare una pagina di amministrazione dove ogni utente possa caricare delle foto.. con questa galleria si dovrebbe ricrere da zero
ti consiglio questa >> Galleria di Immagini Flash Gratis con Amministrazione
ciao
f
20 febbraio 2010
nn funziona il link
Petunia
31 maggio 2010
AIUTOOOOOOO! Devo caricare la galleria in un altro swf… ho fatto diversi tentativi tra cui:
import flash.display.Sprite;
import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.events.Event;
import classes.Script;
import classes.ImageViewer;
import classes.Root;
var url3:URLRequest=new URLRequest(“gallery.swf”);
var loader3:Loader = new Loader();
loader3.contentLoaderInfo.addEventListener(Event.COMPLETE,completato);
loader3.load(url3);
function completato(evento:Event):void {
addChild(loader3);
}
Putroppo restituisce sempre lo stesso errore:
TypeError: Error #1009: Impossibile accedere a una proprietà o a un metodo di un riferimento oggetto null.
at classes::Script()
TypeError: Error #1009: Impossibile accedere a una proprietà o a un metodo di un riferimento oggetto null.
at classes::ImageViewer()
at classes::Script/xmlLoaded()
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at flash.net::URLLoader/onComplete()
Suggerimenti? Grazie mille in anticipo!
Guido
5 luglio 2011
Ciao, spero tu mi possa aiutare. Ho scaricato il file e ho provato a montarlo su un file ex novo ed è andato tutto bene. Però vorrei che la galleria fosse all’intenro di un box rettangolare nel mio file fla e non ci riesco. Se provo ad assegnare la classe al box va in errore. Mi sapreste aiutare? so che ci vorranno 5 secondi per voi ma per me al momento è importantissimo!!!
Grazie in anticipo