Thumbnail Gallery è una galleria dinamica in Flash in cui possiamo inserire molto facilmente immagini con le relative miniature.
La versione è ancora BETA, ma con i vostri consigli sono sicuro che riusciremo ad ottimizzere il codice.
E’ altamente personalizzabile anche per un principiante, infatti tramite il file incluso nella gallery, xml.as possiamo impostare il numero di colonne, aggiungere attributi e vari effetti, comunque se non siete esperti di Action Script vi consiglio di non modificare nulla.
Tramite il file foto.xml, apribile con il semplice Blocco note, possiamo inserire nuove immagini con le relative miniature.
Andiamo ad analizzare il file XML:
<Gallery>
<Foto>
<photo urlimage="foto/foto1_small.jpg" urlimagegrande="foto/foto1_big.jpg" desc="Foto1"/>
</Foto>
</Gallery>
- urlimage: percorso immagine anteprima
- urlimagegrande: percorso immagine grande
- desc: descrizione o titolo della foto
Lo Stage è di dimensioni 800×500, ovviamente con opportune modifiche potrete modificare la struttura per il vostro scopo, in caso le immagini siano più di quelle visibili, verra visualizzata una scroll verticale.
Implementazioni aggiuntive
- Scarica sorgente Link a immagini tramite popup
- Scarica sorgente Galleria su una sola riga
- Scarica sorgente File .as modificato: Miniature con resize automatico
- Scarica sorgente File .as modificato: Foto grandi con resize automatico
- Scarica sorgente File .as modificato: Inserimento link nella galleria
405 Commenti
Ciao Julius, ho provato la galleria con popup dinamico in php, fantastica e fa risparmiare una marea di tempo, l’unica cosa che non capisco è perchè venga fuori la scritta NULL nel popup, come se non trovasse la variabile.
Se riesci a darmi una mano a togliere questa scritta te ne sarei molto grato, per il resto è inutile che ti dica quanto apprezzi il tuo lavoro di divulgazione.
ciao e grazie comunque!
Ciao juliu come vedo ti volevo porre la stessa dimanda di paolo “Mi chiedevo se una volta caricata l’immagine grande prescelta fosse possibile passare alla successica o alla precedente inserendo i classici bottoni next e prew.
E fattibile? e se si quali sarebbero i comandi da inserire?”
quindi se ti è possibile aiutarci con questo grande problema ti ringrazio in anticipo ciao …
@ARNIE per il suono basta che inserisci un audio nel oggetto che fa da pulsante, per l’opacità devi cambiare le proprietà del clip utilizzato per fare questo effetto
@Giaco dovresti cambiare un po il codice…
nel file .as è impostato l’evento getURL delle miniature, modificalo inserendo un link dinamico
@Paolo@Francesco si è fattibile appena ho tempo pubblico l’implementazione
@Davide ma null dove ti esce?
grazie per la celerità della tua risposta ciao
attendiamo con ansia……………..
NULL appare nella pagina di popup sopra la foto, e analizzando l’html, lato client generato dal codice php, nella prima riga è presente NULL.
Ciao Julius, stavo provando a modificare la gallery modificando le misure delle thumbs…
In pratica di default sono di circa 97×97 io vorrei portarle ad una misura più grande ( p.e. 200×150) e vorrei anche poter modificare lo spazio fra una thumbs e l’altra…come posso fare?
Modificando la grafica delle thumbs (ingrandendo il tutto) se provo il filmato mi viene tutto un po’ sovrapposto….come fare?
Grazie.
Problema ridimensionamenti RISOLTO! :-)
Gentile Julius, ti chiederei invece da dove è possibile modificare il colore (bianco e verde) delle descrizioni sotto le thumbs…
@Davide probabilmente non passi correttamente la variabile $image
@Leonardo ciao
per cambiare il primo colore basta modificare il campo di testo iniziale
mentre per il colore al passaggio del mouse
primo fotogramma linea 5
rollcolor = "0xFF0000";Ciao senti sono rimasto impantanato nei classici bottoni next e prew.
Ho già aggiunto i due bottoni nel clip “focuspro” insieme a “indietro” e mi chiedevo se mi puoi postare il codice per i due bottoni
Se ti è possibile ciao Grazie
Ok, grazie…ho trovato dove modificare i due colori per il testo…ma a quanto pare sono 3! Ovvero:
1-testo iniziale del colore che attribuisco al box di testo
2-testo colorato (rollover) che modifico dalla linea 5 come hai detto tu
3-dopo che sono passato almeno una volta sul thumb il testo non torna al colore 1 ma diventa del colore 3, ovvero bianco….come mai?
C’è un modo per disattivare questa cosa?
Grazie Julius.
chiedo scusa! trovato, è nell xml.as :-D
Dai filtri stavo provando ad applicare un effetto bagliore al mc “fotogrande”…tanto per dare un po’ di rilievo alle foto ingrandite…
Sullo stage l’effetto viene visto senza problemi ma se lancio il filmato non viene visto, come mai?
RISOLTO – Basta creare un sotto livello all’area per l’immagine ingrandita, inserire un mc con la dimensione dell’area della foto e applicarvi l’effetto bagliore o ombra etc.
ciao julius il problema non era mio, ma del internet service provider.
grazie comunque sei sempre un grande!
Capita solo a me o risulta anche a voi che il preload iniziale sia visibile solo verso 80% del caricamento?
Come si può risolvere questo problema?
@Davide @Leonardo che bello che vi risolvete i problemi da soli ;)
@Leonardo a me va talmente veloce che non riesco a vedere…
Ciao senti sono rimasto impantanato nei classici bottoni next e prew.
Ho già aggiunto i due bottoni nel clip “focuspro” insieme a “indietro” e mi chiedevo se mi puoi postare il codice per i due bottoni…..
ci sto provando a risolvere da solo ma mi dà Nan…not a number can you help me………………………….
Implementazione avanti & Indietro inserita
scaricare il file principale link azzurro
scarica ora o guarda ora
grazie giulio stavo davvero impazzendo cercando di impletare questa galleria ciao grazie mille
@francesco ;)
Giulio scusa la rottura ma caricando l’intera galleria con loadmovie i pulsanti prev e next non vanno più ho cambiato i percorsi ma mi da indefinito nell’output non ho capito come regolare alcuni parametri se mi potresti far capire ciao
carica la galleria in questo modo
Olá, em primeiro parabens pelos tutos… Cara a um tempo encontrei esta galeria na net e a baixei p/ meu pc. Após algumas modificações levei p/ o cliente ver, sendo que este pediu que colocase dois botões de ANTERIOR x PRÓXIMO, ai me quebrou pois não consigui de jeito nenhum. Teria como me dar uma mão. Desde já agradeço
Ciao Julius,
stavo provando ad inserire delle immagini PNG (con trasparenza) ma non funzionano :-(
Secondo te a cosa è dovuto?
Premetto che ho controllato nomi e percorsi e sono a posto…
@Bicio Olá encontrar um exemplo com a possibilidade de ir para frente e para trás com fotos Veja este exemplo
@Leonardo sicuro al 100% che siano png trasparenti?
Si sono sicuro…le ho fatte io da Photoshop (slavataggio per il web – PNG24 con trasparenza) però la galleria non le carica…invece le jpg le carica senza problemi…idee a riguardo?
Ho provato è le carica perfettamente, ovviamente si vede il colore di sfondo della galleria…
Olá Leonardo, como vai? Poxa cara muito obrigado pelo exemplo, realmente era tudo que eu queria… porém neste meio tempo acabei encontrando uma outra galeria que contem miniaturas e mais as opções que vão p/ frente e p/ tras, gostaria de poder te mostrar um trabalho que estou fazendo, queria saber tua opnião a respeito. Sou brasileiro e moro no Brasil, de onde v. é?
Rsrsrs seu nome é Julius certo? acabei confundindo os nomes… espero que tenha um tempinho p/ mim. Abraços
@Bicio Olá mim um grande prazer se me verá o seu trabalho
Julius ti prego urgente!
Hai notato nella galleria che quando apri singolarmente le miniature, il TITOLO nell’immagine grande è riferito giustamente a quella foto, ma se fai AVANTI e INDIETRO con immagini grandi , le immagini cambiano ma il testo, la didascalia della foto resta sempre quella della prima foto, non cambia il titolo cambiando le foto!!! aiutami ti prego!
grazie
Trovato l’inghippo….:P mi ero scordato da modificare l’estensione nel .xml :-D chiedo venia….
@Leonardo capita ;)
@daxing ops non avevo fatto caso…la logica è identica appena risolvo dei problemi con il software adobe sul mio pc correggo
Ciao,
ho un piccolo problema con le thumbs: se inserisco un’immagine in verticale e quindi più piccola di dimensioni delle altre anche le thumbs vengono più piccole.. si puo’ mettere la dimensione delle thumbs fissa e non in percentuale dalle foto grandi?
GRazie
Bonjourno..
How can I get the images to slide from left to right…
Thanks in advance.
Rob
Grazie Julius attendo con ansia la modifica perchè mi server davvero molto! Scusa il disturbo, aspetto tue notizie!
POSTS PRECEDENTI:
Julius ti prego urgente!
Hai notato nella galleria che quando apri singolarmente le miniature, il TITOLO nell’immagine grande è riferito giustamente a quella foto, ma se fai AVANTI e INDIETRO con immagini grandi , le immagini cambiano ma il testo, la didascalia della foto resta sempre quella della prima foto, non cambia il titolo cambiando le foto!!! aiutami ti prego!
—————–
@daxing ops non avevo fatto caso…la logica è identica appena risolvo dei problemi con il software adobe sul mio pc correggo
@Sabrina per inserire immagini di altre dimensioni fisse dovresti cambiare il codice al fine di avere due parametri per immagini piccole e immagini grandi
La logica di configurazione XML è identica
@Rob hi!
You’re talking about the display of large images?
You should change the code thus creating images in slide
Watch that other tutorial Slide Gallery
ciao julius,
prima di ttutto complimenti per il tuo lavoro costante ssul tuo blog..fondamentale per noi utenti alle prime armi!!!
ti chiedo come mail i pulsanti dell’avanti e indietro non seguono il percorso dei file come la galleria. difatti se cambio il percorso nell’AS all’intenro di questi due pulsanti non funzionano più.
es.
rinomino la cartella “foto” in “galleria”
cambio il percorso nel file “foto.xml” “galleria/foto1_big” e cosi per tutti.
e perciò nell’AS dei due pulsanti alla riga “foto1= “foto/foto”+prox+”_big.jpg”;
cambio in “galleria/foto”+prox+”_big.jpg”;
nella logica dovrebbe essere così….
MA NON FUNZIONA!!!!
è 15 giorni che tra una cosa e l’altra ci sono dietro e domani devo consegnare il lavoro. sono disperato.
sper che tutto possa aiutarmi!
nel frattempo grazie mille!!!
Julius,
soccorso puoi rispondermi alla domanda postata ieri?
grazie mille
Daniele
ciao julius: non ho potuto leggere tutti i commenti, ma ho trovato un piccolo bug alla gallery: una volta aperta una foto grande, andando avanti/indietro con i pulsanti in basso a destra (quindi senza chiuderla) le foto cambiano ma il titolo resta sempre quello (es. ‘foto 17’ > click avanti, cambia la foto ma resta ‘foto 17’).
non so perchè né se può essere importante per qualcuno, lo segnalo solo per contribuire…
buon w.e.
@daniele ciao puoi farmi vedere la galleria online o inviarmela?
@never grazie per la segnalazione
ciao julius, scusa se rispondo solo ora ma nel fine settimana ero impegnato al lavoro. allora ti spiego e ti invio la mia gallery con i vari componenti e il file flash.
per accedere apri il file “FRAME_PANNELLO e clicca su galleria immagini della sezione frame 6. si aprira la galleria FRAME_6.SWF
nella gallery ho solo un pulsante che carica una variante che ho chiamato _amb . praticamente carica un file con lo stesso num della foto selezionata ma con _amb invece che _big. nient’altro. come questa galleria ne ho altre 30 circa perciò ho la necessità di rinominiarle tutte diversamente.
io ho testato il file utilizzando i file nominati come i tuoi originali e funziona. peciò adesso mi affido a te visto che io ho provato in tutte le maniere e non mi da risposta.
ti invio il file alla tua g-mail.
grazie mille per l’aiuto.
ti faranno santo!
ciao julius, ho riletto il post ed è un delirio. ti ho riscritto tutto sulla tua mail.
grazie ancora
Solo di recente ho scoperto che esiste il tuo sito, semplicemnte fantastico, ed è ancora più sorprendente la tua disponibilità e generosità nel condividere con quelli che ne sanno meno le tue capacità.
Visto che mi considero uno di quelli che ne sanno meno, vengo al punto dolente.
Dopo aver letto tutti i post e smanettato qui e la nelle varie sorgenti che si sono susseguite ho iniziato a realizzare una galleria fotografica che prende spunto da quella trattata in questa pagina, che consiste in una serie di thumbs (Miniature senza resize automatico)proiettate su una riga sola in basso nello stage con realitivo scrolling che segue il mouse.
Nel focuspro ho inserito i due pulsanti (Next e Prev) e ho reindirizzato nell’ A.S. dei pulsanti la posizione delle fotografie…………ma ecco l’errore.
La prima foto la apre tranquillamente, mentre se poi cerco di muovermi con i pulsanti…………niente….non compare nulla se non il focus grigio con tanto di movimento.
Tieni conto che se elimino i pulsanti la galleria funziona.
Sicuramente c’è un errore nel collegamento nei pulsanti………….puoi darmi qualche dritta su dove guardare e sbatterci la testa.
Un grazie anticipato…………
Alberto
Ps: Condivido come molti l’idea di clonarti, di farti santo oppure di votarti alle elezioni….+++++
Ciao Julius
volevo farti i complimenti d’avvero a quanto vedo sei acclamato da tutti, hanno ragione sei bravissimo.
Volevo chiederti che uso flash mx 6.0 quindi e un peccato non poter realizzare sul mio sito il tuo lavoro, in quanto provo ad aprire il files
nominato: Dynamic_gallery.swf in documento flash mi viene una finestrina con suscritto: Formato files in atteso, quindi di conseguenza immagino che ci vorrebbe la versione 8.0 per poter visualizzare il files giusto?
Un grazie infinite Julius
Ciao julius da umpo di tempo che ho scaricato questa galleria e volevo modificare le dimensione dal originale 800×500 a una dimensione
L:586 – A:408 uso Macromedia Flash 8 e trovo umpo di difficoltà a modificare le dimensioni mi potresti dire quale il file da modificare ?
Grazie in anticipo
@Alberto questa modifica prova a farla con la versione in cui ho inserito i pulsanti next e back non dovresti avere problemi
Entra nel file xml.as e in linea 8 inserisci un numero di colone alto ad esempio 90 al fine di avere tutte le thumbnails su una riga
@Mimmoby ciao si alcuni progetti non posso esportarli con flash 6 in quanto alcune funzioni non sono supportate.
La cosa migliore sarebbe aggiornarsi al meno a Flash 8
@Luca ciao
qual’è la difficoltà? non riesci a ridimensionarla correttamente?
Ecco i semplici passi da fare
-ridimensioni lo stage
-entri nel file xml.as linea 8 e diminuisci il numero da colonne per fare stare le thumbnails
-sposti il clip focuspro al margine sinistro dello stage
Grazie Julius
Scusami ancora per la mia insistenza, non so se ai avuto tempo di visitare il nostro portale associazione culrurale gastronomica ceglieincucina.com
Ma mi sembrava carinissimo questo tuo progetto e vorrei implementarlo sul nostro sito, ci daresti la possibilità di poterlo fare?
inviandoci lo script per intero o se si tratta di una directory idem da poter dare un servizio migliore ai nostri utenti.
Ovviamente segnaleremo il tuo link nella pagina alla quale sarà installato.
I miei migliori auguri per il tuo lavoro svolto a disposizione di tutti noi.
Buona Domenica
Mimmo
Ciao Julius, intanto grazie per la tua risposta.
Il problema è che si tratta proprio della galleria alla quale ti riferisci, ossia quella in cui hai inserito il next e prev.
Solo che non volendo il resize delle foto grandi nello slide scorrevole in quanto non riuscivo a fare in modo che le miniature stessero al centro del _mc (97 x97) avevo inserito nella cartella delle immagini sia le foto piccole che quelle grandi.
Le thumbs Piccole scorrono tranquillamente su un unica riga nell_mc, al click su una foto, compare la grande con il twenning effect, il problema è proprio li….se premo next o prev…………..compare il focuspro vuoto senza la foto.
Ho fatto diverse comparazioni tra le varie A.S. che compongono questa galleria in tutte le sue versioni………..ma ahime non riesco a venirne a capo………..
Sicuramente c’è un errore in qualche collegamento……o forse il fatto che nella tua ultima implementazione visto che prevvede il ridimensionamento automatico delle fote grandi non è permesso di inserire una foto piccola di anteprima…… sinceramente non so più dove guardare……..continuerò a spulciare l’action script e sperare in qualche tuo indizio.
Intanto ti ringrazio,
sto imparando un sacco di cose dal tuo sito, e questo mi sembra già tanto.