Ecco un’ottima galleria di immagini sviluppata orizzontalmente sfruttando la classe tween
Questa galleria dinamica in flash è molto semplice da usare, infatti per muoversi da una foto all’altra basterà cliccare su quella successiva e cosi via…
Analizziamo il file xml:
<xml>
<item path="images/newyork.jpg" abstract="This is image 1" />
<item path="images/bridge.jpg" abstract="This is image 2" />
<item path="images/vw.jpg" abstract="This is image 3" />
<item path="images/highway.jpg" abstract="This is image 4" />
</xml>
Questa galleria è molto semplice da utilizzare e facilmente personalizzabile infatti potremo configurare il design a nostro piacimento senza dare limiti alla nostra creatività.
Scarica il sorgente
Guarda il Tutorial
Fonte [Lewis Peel]
Blog, Design, File, Flash, Galleria, Immagini, Pc, Sviluppo, XML
62 Commenti
Aldo
30 Luglio 2007 alle 10:43 am
Grande!!!
molto bella questa gallery!!!
marco
30 Luglio 2007 alle 11:51 am
bella questa gallery.
bravo!l’ho già usata per un mio sito..appena è pronto ti do il link cosi lo metto nella sezione “progetti” 
assomiglia molto all’autoviewer,però migliore..in quanto guarda in automatico le dimensioni dell’immagine..e cè quella barra per il testo molto carina!
e in più..questa è free!
marco
30 Luglio 2007 alle 12:30 pm
Come al solito ti lascio un commento per dirti che anche questa gallery è molto bella, e che non deludi mai!
SPiKE
9 Settembre 2007 alle 10:52 am
ma se si volessero aggiungere due freccie per andare avanti e indietro?
quindi la domanda sorge spontanea: se inserisco due freccie agli estremi dell’swf..che codice devo scrivere per far si che le immagini vadano avanti e indietro?
perchè non pensavo,ma cè molta gente ignorante tra i nostri clienti…lo sapevate?? :d
è già il secondo sito che faccio utilizzando questa splendida gallery..ed è già il secondo cliente che mi chiede “come faccio a vedere le altre??”..
grazie!
Roby
14 Settembre 2007 alle 12:30 pm
Stò diventando matto a modificarla in modo che carichi anche gli swf insieme alle jpg …. li carica ma la funzione BitmapData fa il freeze dell’swf caricato, rasterizzandolo solo come bitmap…. qualcuno può aiutare…?
LeoSoft
5 Ottobre 2007 alle 12:57 pm
Volevo usare questa galleria, ma la devo richiamare tramite un loadmovie e purtroppo non mi funziona, se lancio il file swf da solo tutto funziona perfettamente se lo lancio da un’altro swf tramire il load movie allora si complicano le cose. il mio percorso è _root.home ho provato a variare alcuni percorsi ma niente, fi blocca alla scritta loading image 1/23. Soluzioni?
Grazie a tutti.
Julius
6 Ottobre 2007 alle 18:46 pm
prova a utilizzare lockroot
loadMovie("gallery.swf",_root.home);_root.home._lockroot = true;
LeoSoft
8 Ottobre 2007 alle 17:17 pm
Julius sei un grande, funziona perfettamente. Grazie, tante grazie ed ancora grazie. Alla prossima santificazione, invio la tua nomination :-))
Julius
9 Ottobre 2007 alle 14:42 pm
Federico
18 Ottobre 2007 alle 23:01 pm
Ciao Julius sto provando a richiamare la gallery con un loadmovienum all’interno del sito che sto progettando, lo stage del sito ha delle dimensioni differenti (1000×600) e una volta caricata la gallery all’interno dello stage questa si conforma alle sue dimensioni, caricando le immagini grandi e sovrapponendosi al resto del sito.
Non c’è un modo per evitarlo o rendere la sua grandezza fissa (ad esempio all’interno di un box) e non relativa?
Prime armi.. grazie dell’attenzione e buona serata, Fede.
Julius
19 Ottobre 2007 alle 18:44 pm
Si prova con un loadMovie in un dato clip filmato usato come contenitore…
Federico
20 Ottobre 2007 alle 0:22 am
Grazie mille!
ti faro sapere.. in gamba! Fede.
Federico
20 Ottobre 2007 alle 1:19 am
Ciao Julius..
eccomi ancora qui,
Ho richiamato la gallery con loadMovie in un clip contenitore utilizzando anche la funzione lockroot come da tuo consiglio e funziona!
Ma il box contenitore non funge più da maschera come lo stage nel tuo tutorial, la gallery si carica nel contenitore con le dimensioni adattate e nella posizione che voglio ma orizzontalmente le immagini scorrono fino alla fina dello stage, mentre ho bisogno che una volta caricata nel box contenitore la gallery venga tagliata dentro..
Sai dirmi perchè accade e come risolvere il problema?
Grazie mille e buon we! Fede.
Matteo
7 Novembre 2007 alle 13:18 pm
Ciao Julius, potresti spiegarmi, a grandi linee, come posso inserire la galley all’interno di una pagina html?
Basta importare il file .swf come object? (provando mi pare di no…)
Complimenti e grazie!
Matteo
Julius
7 Novembre 2007 alle 13:29 pm
@Federico hem su 2 piedi non saprei, ma di che maschera parli? Se è una tua maschera prova a metterla sopra il box contenitore…
@Matteo ciao inserisci la galleria in questo modo
DnaX
20 Novembre 2007 alle 22:32 pm
Al momento non potendo aprire i sorgenti, posso specificare un file xml esterno al sito dove viene caricato la gallery? (tramite i parametri)
Grazie, ciao!
Julius
20 Novembre 2007 alle 22:59 pm
Devi passare tramite HTML il parametro _root.xml=”file.xml”;
Scarica esempio con variabile XML
Lorenzo
4 Dicembre 2007 alle 21:19 pm
Ciao Julius, rieccomi qui, se ben ricordi ci siamo sentiti tempo fa a riguardo del tuo tutorial “Flash e Database MySQL” dove scoprimmo che effettivamente legge solo jpg.
Ok vengo al mio problemuccio attuale.
Stò utilizzando questa gallery in un sito, però mi necessita che sotto le immagini vengano visualizzate le tumb in scorrimento, e naturalmente cliccandoci sopra vienefuori l’immagine inerente, come posso ovviare a questo problema?
Tu mi dirai, giustamente, scegline una che lo fa già!
Purtroppo mi è giunta la richiesta dopo che il cliente ha visionato il sito.
Grazie anticipatamente.
antonio
14 Dicembre 2007 alle 15:04 pm
Cia julius complimentoni per la gallery.
Volevo sapere una cosa, potresti dirmi come posso scurire ancora di più le foto che stanno a destra e sinistran e che fanno andare avanti la gallery.
Stò impazzendo ma non riesco a trovare nell’AS la stringa.
Certo di una tua risposta colgo l’occasione per salutarti
ciao antonio
Julius
14 Dicembre 2007 alle 20:50 pm
Devi aggiungere una stringa del file XML in cui scrivi il percorso dell’immagine come leggi dall’articolo
a partire da <item path
Angelo
15 Dicembre 2007 alle 15:41 pm
per rendere + scure le immagini io ho risolto aprendo l’azione presente nell’oggetto clipmovie imageBox abbassando l’alfa
Stefano
17 Dicembre 2007 alle 17:06 pm
ciao Julius. sto provando ad inserire la gallery di questo post all’interno di un sito flash caricandola con loadMovie(”image_gallery”,”load_mc”);
mi da un problema
il mio filmato main ha un mc_principale che viene centrato con un Listener
contenente il menu e gli altri elementi del sito
premendo un bottone contenuto nel mc_principale richiama il loadmovie e carica la gallery che pero non viene visualizzata correttamente.
il load movie funziona solo se lo inserisco nel fotogramma principale della scena e non in un mc_istanza.
esiste una soluzione?
tnx a presto complimenti per il blog
Stefano
serdominik
23 Marzo 2008 alle 19:20 pm
ciao jiulius è tutta la domenica di pasqua che sbatto su questa gallery per fare delle modifiche a mio piacimento solo che mi sn bloccato nn riesco a mettere un link sulla foto selezionata. come devo fare?
Julius
23 Marzo 2008 alle 21:34 pm
Trovi nel file da scaricare in fondo all’articolo il progetto .fla .swf e il nuovo xml per gestire i link
buona pasqua
serdominik
24 Marzo 2008 alle 10:19 am
thanks mille jiulius
proverò ben presto a provarla
serdominik
24 Marzo 2008 alle 20:27 pm
oi jiulius ho provato e funge alla grande ti ringrazio mille.
leggendo le risposte a questo articolo ho notato che io e SPIKE abbiamo lo stesso problema in pratica mi servono due pulsanti avanti e indietro.
sto provando a ma esiste solo una funzione nextimage e cmq nn ci riesco proprio
(mi scuso se ti reco molto disturbo)
Julius
25 Marzo 2008 alle 19:48 pm
si potebbe cercare di fare un pulsante con le stesse procedure che ha la funzione realease sull immagine incrementando e diminuendo a seconda della posizione iniziale…
appena riesco provo a fare una piccola modifica
inès
1 Maggio 2008 alle 17:23 pm
Ciao Julius!
Grazie per il tutorial!
Ho un filmato flash inserito nella pagina index.html.
Dentro il filmato c’è il pulsante che fa apparire la popup,
il problema è che la galleria dentro la popup non viene visualizzata!
Mi sapresti aiutare?
Grazie
Julius
1 Maggio 2008 alle 20:09 pm
mi riesci a scrivere un link cosi da poter vedere il tutto online?
inès
1 Maggio 2008 alle 23:19 pm
Sono riuscita a risolvere! Si visualizza la gallery dopo aver inserito swfobject.
Intanto il link è http://www.inesivkovic.com, una volta nella home scorri verso dx nella sezione “event”, poi “project presentation” e infine “gallery”.
Per non far vedere la barra di explorer nella popup come dovrei fare?
Grazie, tu sei troppo gentile!
Julius
3 Maggio 2008 alle 14:14 pm
Quella barra è visualizzata in base al browser…
Sono questioni di abilitare popup o disabilitare da browser…
Fabio
20 Giugno 2008 alle 12:54 pm
ciao julius, vorrei sapere se è possibile sostituire le img con dei clip, in pratica trasformare questa gallery in un sito vero e proprio!
Ti tingrazio anticipatamente!
ilaria
20 Giugno 2008 alle 13:16 pm
ciao, ho scaricato il file zip, all’interno c’è un swf che richiama un xml con i link abbinati ad ogni foto, ma non funziona. Puoi aiutarmi?
grazie, ciao
ilaria
Julius
21 Giugno 2008 alle 14:20 pm
@Fabio in teoria potresti gia ora caricare filw swf cambiando un po il codice AS in quanto stiamo sempre caricando in clip filmati..
@ilaria ciao
“non funziona” è molto generico se mi dai più informazioni…
Fabio
21 Giugno 2008 alle 14:36 pm
scusa julius ma dov’è che dovrei modificare l’AS? prima da ignorante ho semplicemente sostituito nell’xml una immagine con un swf ma ovviamente non funziona, mi carica solo una parte dello stage e tra l’altro senza nessun tipo di animazione.
Julius
21 Giugno 2008 alle 16:09 pm
“modificare il codice” era in modo figurato, nel senso che devi cambiare la logica della galleria e non far più caricare immagini ma swf esterni
Se ti carica solo una parte sarà perchè è stato stabilita solo una parte da visualizzare, ci sarà una maschera..
ilaria
23 Giugno 2008 alle 14:29 pm
ciao julius, intendevo dire che non funzionano i link.
se clicco su una foto e nel file xml per esempio ho abbinato index.htm, non funziona. anche nel file .zip che ho scaricato, in cui tu hai inserito link assoluti, in realtà cliccando sulle immagini non funziona il link.
probabilemnte sbaglio io, ma dove?
grazie mille, ciao
ilaria
ilaria
23 Giugno 2008 alle 15:36 pm
ciao julius, sono troppo babba, il link funziona…. ma è solo sulla scritta dettagli. posso inserirlo all’intera foto?
grazie e scusa, sono un pò distratta : )
Maurizio
9 Luglio 2008 alle 11:12 am
Ciao Julius,
è possibile fare in modo che cliccando su “dettagli” il link venga aperto nella pagina corrente e non in blank?
Probabilmente sono io che sono stordito, ho provato a cercare nel codice ma non trovo niente al riguardo…
serdominik
9 Luglio 2008 alle 18:45 pm
ragazzi dovete smanettare bene per poter far ciò che volete voi…
Cmq vedete qui trovate un esempio di questa galleria fotografica modificata da me creando un portfolio
Che ne pensate ho smanettato abbastanza?
Cmq ottima idea per caricare swf esterni quando avrò un po’ di tempo libero smanettero anche per gli swf…
Cmq ciavo julius… continua ad arricchire il blog….
ilaria
22 Luglio 2008 alle 17:28 pm
ciao,
è possibile che cliccando sul testo inserito nell’abstract non si apra una nuova finestra, ma resti sempre la stessa?
grazie mille per l’aiuto!!!
ciao
ialria
23 Luglio 2008 alle 9:46 am
ciao, è un mio problema è su explorer a volte il flash si carica male?
serdominik
24 Luglio 2008 alle 9:58 am
@ilaria in ke senso dici di aprire nella stessa finestra?
Se te intedi dove hai caricato l’swf secondo me è sbagliato perchè dopo dovrai ricaricare l’swf da capo…
@ialria in ke senso carica male?
ilaria
24 Luglio 2008 alle 10:02 am
ciao, per il caricamento abbiamo risolto, era un problema del flashobject.
invece per il link intendevo dire che se adesso clicchi sui dettagli ti apre una finestra in “_blank”, invece a me serve che resti sempre la stessa, perchè io non lo utilizzo come un menù di navigazione, ma una vetrina prodotti in homepage e quindi devo navigare sempre all’interno della stessa finestra.
grazie mille, ciao
serdominik
24 Luglio 2008 alle 15:42 pm
@ilaria e poi scusa dopo nn vedi + la galleria…
cmq semplicemente metti _self al posto di _blank
sai dove trovarlo?
ilaria
24 Luglio 2008 alle 15:44 pm
ciao, no, non so dove gli dica _blank, probabilmente nel file .as, perchè nel fla non l’ho trovato.
mi puoi aiutare?
grazie mille : )
ciao
ilaria
25 Luglio 2008 alle 12:58 pm
ciao, riesci ad aiutarmi?, altrimenti devo cambiare animazione ed è venuta proprio carina. : (
grazie
ciao
dannybai
26 Luglio 2008 alle 16:29 pm
qualcuno sa che per adattarla ad un sito php che bisogna fare? il file che richiama la galleria deve essere in php?
Julius
27 Luglio 2008 alle 12:58 pm
@dannybai se devi inserire in una pagina PHP la tecninca di inserimento non cambia
@ilaria ciao
Entra nella libreri [CTRL+L] clip imageBox
Ora primo fotogramma entra nel codice [F9]
Linea 13 la cambi in
getURL(_root["image"+id].link_url, “_self“);dannybai
28 Luglio 2008 alle 0:23 am
quindi la procedura di internet explorer blocco va inserita in un file php?
Grazie Julius!!
ilaria
28 Luglio 2008 alle 9:40 am
grazie mille julius.
ciao
dannybai
28 Luglio 2008 alle 20:21 pm
forse ci sono…adesso però mi da’ la scritta “scarica il flash player” e non mi visualizza la galleria. Ho messo il file swf nella root principale insieme al flashobject.is, (seguendo le tue istruzioni) mentre il file xlm insieme alle immagini nella cartella immagini. E’ corretta la procedura?
Grazie julius!!
dannybai
28 Luglio 2008 alle 20:22 pm
dimenticavo..ho rinominato il file htlm in php
noir87
31 Luglio 2008 alle 17:37 pm
la gallery funziona, ma sl se la visualizzo con explorer, su mozzila nn fà, e poi cm si fà ad aumentare la risoluzione delle foto nela galleria senza che escon o dal riquadro..?
grazie
elyy
3 Agosto 2008 alle 12:17 pm
Ciao Julius!
ho scaricato il sorgente e ho un piccolo problema: se apro la finestra dell’swf a tutto schermo mi si visualizzano sulla destra 3 rettangoli che corrispondono alle prime 3 immagini della gallery…funzionano come da pulsanti perchè se clicco sopra di esse la gallery scorre…Vorrei eliminarle….come faccio?
Inoltre: come faccio per posizionare le immagini più in alto nella finestra del browser?in modo che siano piu centrali…
Grazie mille..
Julius
3 Agosto 2008 alle 16:07 pm
@dannybai ovviamente il file JavaScript è esterno come ben descritto nell’articolo, devi solo poi richiamrlo in HTML
@noir87 cosa vuol dire “su mozzila nn fà” ci possono essere mille sfaccettature in questa tua frase
@elyy per il posizionamento devi cambiare le coordinate x y del clip in cui vengono caricate
dannybai
3 Agosto 2008 alle 17:23 pm
si grazie Julius avevo già risolto!! dovevo solo rinominare il file da htlm a php
elyy
3 Agosto 2008 alle 22:06 pm
Ok, presumo che debba cambiare le coordinate qui:
// Place Images
imageHolder._y = (_root.movieH/2)-(imageHeight/2+imageHolder.imageBox0.textBox);
var xPos:Number = 0, spacer:Number = 40;
function placeImage() {
mc = imageHolder.attachMovie(”imageBox”, “imageBox”+loaded, loaded, {_x:xPos, _y:0});
mc.id = loaded;
xPos += _root["image"+loaded].w+spacer;
_global.loaded++;
//
checkLoad();
}
Solo, mi puoi dire esattamente dove? (per me l’action script è arabo…scusami…)
Vorrei che stessero posizionate circa a 100px dall’alto, in modo che anche con una risoluzione bassa l’immagine nn sbordi…
Mentre per quelle 3 immagini che di vedono sulla destra mi sapete dire qualcosa?
elyy
3 Agosto 2008 alle 23:25 pm
Per quei tre “rettangoli ” ho risolto…caricando on line nn si vedono più…
Invece rimango in attesa per il posizionamento …
Grazie mille
Julius
4 Agosto 2008 alle 12:15 pm
Sullo stage trovi un clip filmato imageHolder, dal pannello proprietà imposta la y a 0
elyy
4 Agosto 2008 alle 22:24 pm
Il clip fimato ImageHolder nn lo vedo…forse intendi ImageBox….solo che nella barra delle proprietà non mi compaiono le coordinate x e y da cambiare…:-(
happy
1 Settembre 2008 alle 1:19 am
Ciao Julius,
interessantissima questa galleria perchè oltre che bella è anche molto flessibile..
Io però vorrei utilizzare le immagini come link a delle finestre in lightwindow soltanto che non essendoci dei veri e propri bottoni ed essendo i links dentro il file xml non so dove andare a mettere il richiamo al javascript della lightwindow… Mi puoi aiutare?
Grazie e un saluto.
Scrivi un Commento
tag abilitati: <code> </code> | <a href=""> </a> | <strong> </strong> | <i> </i>