Oggi vi presento Dynamic Gallery una galleria dinamica con miniature in Flash da scaricare gratuitamente implementata dal sottoscritto.
Con questa Galleria dinamica avremo a disposizione una barra con le relative miniature generate in automatico con un resize e le immagini verranno centrate nello stage.
Andiamo ad analizzare il file dati.xml:
<thumb displayNum="6" separation="5">
<image>images/foto1.jpg</image>
<description>Paesaggio Futuristico</description>
</thumb>
- dislplayNum= Numero di thumbs visualizzabili
- separation= Spazio tra le thumbs
- image= Percorso dell’imagine
- description: Descrizione dell’immagine che comparirà nel box a fumetto
Cliccando sulla foto renderemo visibile o invisibile la barra con le miniature.
Ovviamente la galleria di immagini può essere ridimensionata e personalizzata a piacere, lasciando a voi tutta la creatività.
Implementazioni aggiuntive
- Scarica sorgente Possibilità di aggiungere un link dinamico alle foto
- Scarica sorgente Possibilità di visualizzare le foto tramite rollover
- Scarica sorgente Possibilità di scaricare la foto cliccando su quella grande
- Scarica sorgente Possibilità di inserire foto Small e Big
Esempio realizzato per laura
Inserimento di un pulsante sulla descrizione statica per caricare un swf esterno prelevato dal file .xml
608 Commenti
@skun votami mi raccomando! ;)
ora mi trovo un altro problema, le immagini delle miniature non si adattano al “quadrato” forse se te lo faccio vedere è meglio
http://www.skunkdesign.net/work.html
L’immagine viene scalata e deve avere le stesse dimensioni
Per ora non supporta differenti formati…
Ciao Julius complimenti per questa bella gallery.
Ho difficoltà a fare una modifica puoi aiutarmi?
La mia necessità è quella di avere questo tool ma con queste differenze:
– nessun on release
– thumbs non scalate di default, ma di grandezza naturale
– non mostrare le stesse img come sfondo
Quindi uno slider normale ma + semplice.
Il massimo sarebbe aggiungere anche un set interval che le muove dopo qualche secondo.
Ho fatto delle prove ma con scarsissimo risultato :-(
Puoi aiutarmi?
Grazie in anticipo!
ecco le soluzioni per i 3 punti
– Clicca sul clip filmato che trovi sullo stage, dovresti vedere solo un pallino in quanto è vuoto, entrato nel codice sul clip filmato elimina tutto quello che trovi
– Entra nel codice principale sul simbolo 8 e cerca con CTRL+F _scale ed elimina le righe di codice
– Per questo devi inserire un altro parametro nel file XML.
Le immagini piccole tramite getURL aprono le stesse più grandi, inserendo invece un nuovo parametro puoi far aprire quelle
Ciao Julius,
scusami in anticipo per il disturbo, ma ho bisogno di te!
Ho scaricato la versione base della tua Gallery, ma ho un problema.
Premetto che visualizzo il file flash in una pagina asp tramite l’oggetto
ed inoltre costruisco il file .xml dinamicamente con uno script.
PROBLEMA
Se incremento il numero di file nella gallery (modificando il parametro displayNum ed aggiungendo n tag …. quanti sono i files caricati nella apposita cartella immagini) in visualizzazione le immagini aggiunte sbordano e vanno a coprire la freccia di destra rendendo di fatto inutilizzabile lo scorrimento (guarda il link)
http://www.zonamaterica.com/dynamic_gallery_new.html
Volevo anche sapere se cambiando il file xml e ricaricando la pagina l’oggetto flash aggiorna il contenuto in quanto ho cercato di utilizzare altri oggetti xml-flash e non faceva il refresh….
Per cortesia mi puoi aiutare? Grazie infinite….
p.s. Sei veramente un grande…
Ciao Julius!!, saluti da Peru!!!… ho visitato il tuo site diverse volte (scusami litaliano lo inparato da piccolo ed e quasi dimenticato) e mi sembra invalorabile per imparare … tante grazie per il tuo tempo e dedicazzione!.
non riesco a scaricare la sorgente!!!
CIAO..S.O.S mi sono letta l’intero blog per evitare di disturbarti, ma purtroppo NESSUNO HA KIESTO QUESTA COSA: APPENA CARICO LA GALLERY, DA LOAD MOVIE, SI VEDE…PERò,OVVIAMENTE, SE CHIUDO LA FINESTRA NON SONO PIù NEL MIO SITO, ho provato a mettere un tasto pulsante, accanto alle frecce, tipo: BACK (vai alla scena1 fot.135), PER TORNARE AL SITO…ma non accade, non funziona! HAI IDEA DI COME FARE..? SE NO NN POSSO USARLA E SAREBBE UN VERO PECCATO!!!! Sentiti complimenti, come sempre….CIAO ASPETTO INFO!
ciao SEMPRE ORNET…RISOLTO,MA…ne è nato 1altro problemino, se ho tre pulsanti diversi, il primo funziona, si apre la gallery e ok, gli altri due per collegarli ad altre 2 gallery, come faccio? cioè ovviamente si sovrascrivevano i nomi e nn va bene..ALLORA LI HO CAMBIATI tipo gallery 2..e anke la cartella image, l’ho rinominata 2..nell’xml, ma si apre la finestra e nn mi vede niente..AIUTOOOOO,
Grazie
@pamela ciao potrebbe essere un piccolo bug
Per risolvere basta spostare leggermente il clip forward che trovi sullo stage
@Triskelion grazie mille
@Supermix01 I file sorgenti sono tutti corretti
@ornet puoi usare la stessa galleria con 3 variabili diversi per i file XML da richiamare
altrimenti 3 gallerie diverse swf che richiami esternamente
ciao grazie..in effetti ci sono stata su e ho risolto pima di avere risposta…ma la tua conferma mi conforta!!! :) k
Ciao Julius! Questo effetto è fantastico, grazie x averlo condiviso con tutti noi =)
Io ti dovrei rompere un pochino x chiederti un paio di cose…
Sono abbastanza inesperta di flash quindi mi arrangio leggendo tutorial in giro per il web… Per tante cose purtroppo ancora mi manca esperienza e conoscenza =( Così ho pensato di rivolgermi a te vista la tua enorme disponibilità (e visto soprattutto il modo chiaro in cui scrivi ^^).
Premetto che questo tutorial mi serviva per creare una gallery da inserire in una pagina del sito web che sto creando in flash.
Dunque io ho scaricato la sorgente, ho editato il tuo file dati.xml e poi…
e poi non ho la più pallida idea di cosa fare =(
Ho aperto anche il file .fla contenuto nel file zip e ho provato a modificarlo da lì, ma ancora una volta non so dove mettere mano!
Quindi non riesco praticamente a sistemare il file .fla che ho trovato nella cartella zip che ci hai fornito e non riesco nemmeno a “importare” il tutta la dynamic gallery nel mio documento flash per creare un sito web…
Saresti così gentile da darmi delle indicazioni(tu direttamente o mediante reindirizzamento ad altri tutorial se necessario)?
Mi rendo conto che ti sto chiedendo tanto, quindi se per qualsiasi motivo non puoi o non vuoi me ne rendo conto e ti ringrazio comunque!
Ancora complimenti!
Ciao ciao!!
ah dimenticavo, la galleria dovrebbe essere aprirsi cliccando su un pulsante (presumo quindi che debba essere inserito come swf esterno…)
Riciao! :P
ciao a tutti! ciao Julius!
ho un grossissimo problema! Ho fisto questa stupenda gallery e vorrei inserirla in un piccolo sito realizzato in flash. Vorrei che questa gallery si aprisse all’interno del mio filmato, ma quando vado a inserirla riesco solo a vedere le due frecccine, e niente più.
Come faccio? non so da che parte iniziare..
Scusatemi ma sono alle prime armi con flash, siate clementi!
grazie mille a tutti!
elly
@Simonesta ciao
allora la cosa più semplice è aprire la gallery come fosse un swf esterno da un pulsante
Esempio
sul tuo stage del filmato principale inserisci un clip filmato di nome istanza mc_contenitore
ovviamente posiziona il clip filmato sullo stage nel punto in cui vorrai visualizzare la galleria
A questo punto crea un pulsante, selezionalo ed entra nel codice e scrivi
on(release){
loadMovie("galleria.swf",_root.mc_contenitore);
_root.mc_contenitore._lockroot=true;
}
Perchè devo usare _lockroot?
@elly ciao
è sicuramente un errore di percorsi
carica la gallria in questo modo
eccomi qui di nuovo a chiederti aiuto!…
non riesco a capire come funziona questo _lockroot..
ho l’impressione che la soluzione sia lì, ma io non la vedo.. mi puoi RIaiutare? te ne sarei infinitamente grata!
dunque:
ho i miei 2 file: ALFA e GALLERIA. Devo inserire GALLERIA in una scena di ALFA.
Sono nella mia scena, c’è la mia grafica (fondo nero vuoto e menu, teoricamente qui vorrei che apparisse magicamente la mia galleria..).
Ecco cosa faccio:
1-inserisco una “window”, che ho preso dai “componenti”, nella mia scena4 del mio file ALFA.
2-Alla window do nome istanza CARICA.
3-cosa devo fare nella mia GALLERIA?non capisco dove devo inserire mc_galleria, devo fare un’altra window in un nuovo livello e dargli come nome istanza mc_galleria?
e a questo punto che si fa?
(scusa l’ignoranza ma cos’è un clip contenitore?? ..mi mancan proprio le basi..)
HELP!! grazie infinite per la pazienza! elly
aspetta aspetta!
funziona! ..quasi!
Ok, quando schiaccio sul mio bottone vedo la GALLERIA (tutta, non manca nessun pezzo) però non me la apre nella window che avevo inserito io, me la apre nella stessa finestra di firefox ma senza nessuna grafica. Apre la GALLERIA in una finestra a parte e non nella mia!
perchè???
Sento che la soluzione è vicina… :P
speriamo!
@elly se mi invii i due swf sulla casella di posta che trovi nella seziona chi è julius vedo dove sia l’errore ;)
Grazie Julius,
ti mando subito una mail.
SEI UN GRANDE!
Ciao Julius.
Complimenti sei molto bravo e soprattutto molto disponibile.
Ho utilizzato la tua galleria per il mio sito e va tutto bene tranne un paio di cose che non riesco a risolvere. Mi potresti aiutare?
1) qual è la procedura per inserire come thumb “foto smoll” che cliccando su di esse aprino “foto big”?
2) come posso crere lo scorrimento con frecce anche delle immagini grandi?
Spero di essermi espresso bene.
Tieni conto che non sono un esperto.
Ti ringrazio moltissimo
Ciao julius riecchime a rompere XP Dunque per creare l’swf ovviamente prima devo lavorare sul file fla. Ecco in questo file fla come importo il file dati.xml?
Devo utilizzare negli actionscript il comando
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load(“file.xml”)
?????
Grazie ancora!!
@stefano
1. non lo fa gia?
2. devi interagire nel file xml introducendo altri due pulsanti next e back
@Simonesta perchè devi inserire un altro XML?
purtroppo non ha questa funzione per le immagini grandi.
Non so come produrre la funzione next e back nel file XLM. Potresti fornirmi il codice di scrittura?
Scusa se sono un po’ petulante ma per la questione di inserire le immagini small nella slide che aprono poi le immagini big come posso risolvere? Siccome è una presentazione di fotografie ho bisogno che le immagini in miniatura della carrellata siano tutte uguali.
Ovviamente ti ringrazio per la tua grande disponibilità.
Comunque sei un grande!!!!!!!!!!
Stefano
1. Scusa Julius, forse nell’articolo precedente non mi sono spiegato bene. Io ho due cartelle con “img small” tutte con una dimensione 97×97 e l’altra cartella, invece con le “img big” le cui dimensioni dipendono dalla fotografia. Dunque a me servirebbe che quando clicco sulle img small che sono tutte uguali si aprisse l’img big. In questo modo nella carrellata avrei tutte immagini della stessa dimensione.
2. per quanto riguarda le funzioni next e back come ti dissi non sono un esperto e quindi non so come generare la funzione in XLM. Per quanto rigurda il pulsanti che devo inserire sullo stage oltre alla funzione nel XLM devo dare anche un comando in actionscript?
Ti ringrazio moltissimo dell’aiuto.
Stefano
Ciao, qualche novità o consiglio per rendere questa scorrevole le foto in automatico?
Ciao Julius, ancora grazie per gli utili consigli.
Nella gallery ho notato una cosa: Se pubblico in AS2, con il filmato della gallery al 100% nella pagina html (quindi scalabile), le immagini acquistano una scalettatura fastidiosissima. La cosa non succede se esporto per AS1. Con un BitmapData sul clip contenitore delle immagini credi sia risolvibile? Altrimenti un suggerimento?
Grazie 1000 e ciao!
Non trovo più il mio post che fine a fatto?
@Roger questo succede se lasci la funzione di resize
Potresti eliminarla inserendo immagini sempre delle stesse dimensioni
@marco ci sono altre gallerie con slide scorrevole prova a vedere nella sezione Tutorial
Rieccomi Julius!
Scusa se faccio apparizioni tipo fantasma -.-”
Comunque: allora io ho scaricato il pakketto zip e l’ho aperto con flash.
Il file flash che tu dai in dotazione da me purtroppo non si vede, mi da una sorta di errore, come se il file mancasse!
Edito l’xml compreso nello zip ma continua a mancare… x questo ti chiedo come fare, perchè vorrei eliminare l’xml di cui mi segnala l’errore e inserirne uno nuovo..
Grazie ancora!
Mi dici il nome preciso del file che scarichi? Non vorrei che fosse un implementazione, infatti in alcune vi è solo il file XML ma mancano le foto che devono essere scaricate dai sorgenti principali
ciao julius vorrei sapere se è possibile inserire la tua dynamic gallery nel sito che sto facendo in maniera gratuita ad un motoclub di amici…..
l’ho già provata in locale è di grande effetto ….. avrai un link sul sito….
attendo una tua risp
link dove ho visto il tuo lavoro: https://www.juliusdesign.net/dynamic-gallery-con-miniature-scorrevoli/
grazie per adesso!!!
Certo che puoi usarla!
Buon lavoro…
grazie mille
julius volevo chiederti un favore potresti quando hai tempo dare un’occhiata a questo codice ??? nn arrivano le e-mail …
<?
if (isset($_POST[‘submit’]) and $_POST[‘submit’]==TRUE) {
$receiverMail = “musiugiuseppe@yahoo.it”;
$name=stripslashes(strip_tags($_POST[‘name’]));
$email=stripslashes(strip_tags($_POST[’email’]));
$subject=stripslashes(strip_tags($_POST[‘subject’]));
$msg=stripslashes(strip_tags($_POST[‘message’]));
$ip=$_SERVER[‘REMOTE_ADDR’];
$msgformat=”From: $name ($ip)\nEmail: $email\n\n$msg”;
if(empty($name) || empty($email) || empty($subject) || empty($msg))
$resp=”Il messaggio non è stato speditocompilare tutti i campi.”;
elseif(!ereg(“^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$”, $email))
$resp=”Il messaggio non è stato speditoL’ indirizzo email non sembra valido.”;
elseif(mail($receiverMail, $subject, $msgformat, “From: $name “))
$resp=”Il messaggio è stato spedito con successook.”;
else $resp=”Il messaggio non è stato speditoriprova: “;
$resp=$resp.”torna alla pagina di contatti.”;
echo $resp;
}
else { ?>
Mandaci una e_mail
nome
tua e_mail
oggetto
messaggio
fatto graazie lo stesso…..motoclubcabras.altervista.org/index.html…..lo sto ancora finendo e’ il mio primo sito….c’e’ la tua gallery e ti ho linkato…un tuo giudizio per aggiustare la photo gallery??????
Hai forzato le dimensioni della gallria invece di impostare dal file fla, e in questo modo le descrizioni delle foto non le vedi…
Un consiglio sarebbe quello di impostare le dimensioni corrette di stage dal file progetto .fla ed esportare
Ciao Julius e complimenti per la dynamic gallery.
Thank you very much.
I have a problem with it and I can not find the solution.
The problem is the following:
I have a MAIN.SWF with a button called GALLERY and a empty movie clip called CONTAINER.
I would like to load your gallery in this movie clip but when I try it I can not see anything.
I do not know what must I change in the action script of the movie. Could you help me?
Julius, scusa la mia insistenza purtroppo sono bloccato con questi due problemi che non riesco a risolvere. Non hai risposto alle domande che ti ho fatto qualche giorno fa, forse non le ho formulate bene? Puoi dirmi come devo procedere?
Buone vacanze
grazie…!!!!
@mon hello and thanks for the congratulations
You can try a load the swf in this metod
You translate whit the flag over the title of the post ;)
Example
loadMovie("gallery.swf",_root.container);
_root.container._lockroot=true;
@Stefano ciao
le immagini grandi e piccole sono sempre le stesse, per quelle piccole sono ridimensionate
se tu vuoi due immagini diverse per quelle piccole e grandio devi introdurre un altro parametro per quelle piccole al fine di poterle visualizzare da XML
Per inserire i pulsanti invece bisogna scrivere un po di Actionscritp e gestire le foto grandi avanti e indietro…
Non ho il tempo di fare queste implementazioni, ma appena posso ci lavoro ;)
bye bye
Julius, thank you, thank you very much for your quick answer but the gallery does not works. I have do the following:
– one archive called (basegaleria.swf) with an empty movieclip called CONTAINER and the code you told me in your message in the first frame.
loadMovie(“gallery.swf”,_root.container);
_root.container._lockroot=true;
– the second archive with the gallery.
But it does not works. What can be the problem? l really love your works and I would like to use this gallery. I appreciate your help…. and I understand italian very good but I do not write it. Sorry.
sorry but you are two dynamic gallery in your site of loader?
Grazie Julius e buone vacanze
Scusate ma sono ai primi approcci con l’html e flash… non riesco a includere la gallery in una pagina html… ho un pò di confusione con il FLA e SWF… potete darmi una mano o rimandarmi ad una guida? grazie 1000
Hello Julius. Greetings from Uruguay.
I was wondering if you could help me with a little issue with your gallery.
I would like to get “w” and “h” values from my XML file because my thumbs have different width.
In example, my XML code is:
image1.jpg
image1.jpg
So, I think my Action Script should be:
w = Number(root.childNodes[i].attributes.w);
h = Number(root.childNodes[i].attributes.h);
But It is not working, what do you think? Do I have to do anything else?
Please, help.
Scusate ma sono ai primi approcci con l’html e flash… non riesco a includere la gallery in una pagina html… ho un pò di confusione con il FLA e SWF… potete darmi una mano o rimandarmi ad una guida? grazie 1000.
@Luca ciao leggi questa guida
@susana hi! you must include h and w variables in AS and in your file xml
Ciao Julius,
spero che le tue vacanze siano state molto rilassantie divertenti
Ti scrivo per ricordarti se ti riesce farmi quelle implementazioni di cui ti ho scritto sopra (possibilità di far scorrere le immagini grandi e inserimento di immagini small al posto del ridimensionamento di quelle grandi). Per me è importante riuscire a chiudere il sito entro metà settembre. Come sempre ti ringrazio per la tua disponibilità e buon lavoro
Ciao a tutti! è possiblie inserire una maschera sulle miniature che scorrono. Ho uno stage 600X800 e fuoriescono dal sito.
Qualche suggerimento? Grazie 1000