Oggi vi segnalo una galleria di immagini flash da scaricare e usare liberamente per i nostri progetti web
Questa galleria flash si addice molto nel pubblicizzare prodotti o segnalare news.
Ecco le caratteristiche principali
- Tab numerico per scorrere i prodotti
- Slideshow automatico
- Immagini e testo prelevati da un file esterno XML
- Link esterno da file XML sul prodotto
- Visualizzazione prodotto successivo
- Fade in e fade out del prodotto
- Altamente personalizzabile nei colori di sfondo, testo ecc.
Andiamo a vedere insieme come configurare il file XML esterno:
<product img="Images/thumb1.jpg" name="African Mix Necklace" id="7894CPR" desc="Lorem ipsum dolor sit amet" link="http://www.gmail.com"/>
- img: percorso assoluto (http://www.miosito.it/foto/immagine1.jpg) o relativo (foto/immagine1.jpg) dell’immagine
- name: Nome del prodotto
- id: Id numerico del prodotto
- desc: Descrizione
- link: Link esterno
La galleria è realizza in Adobe Flash Actionscript 2, vi ricordo di usare la tecnica del _lockroot, se avete la necessità di richiamare la galleria in un altro swf.
Per configurare il tempo dello slideshow automatico trovate il parametro da modificare sul primo fotogramma linea 65
timer = setInterval(loadnext, 5000);
5000 equivalgono a 5 secondi
Ovviamente la galleria è priva di grafica, questa è solo la struttura logica, starà a voi migliorarla graficamente a seconda del vostro sito o blog
43 Commenti
Bella li julius!
domanda da un milione di petroldollari…. è free come risorsa o è a pagamento?
è free mi sembra
grzie Julius era la galleria che ti chiesi un po di tempo fa. Thanks
sei un grande julius!
volevo sapere solo una cosa, se volessi mettere i numeri sotto nello stage e per cambiare immagine in vece di un click usare un rollover come potrei fare?
Puoi spiegarmi meglio come caricare un swf nella gallery?
grazie ovviamente!:P
Eccezzionale come sempre, ottima risorsa hihi ;)
Ottimo articolo.. bravo Julius ;-)
Grande articolo Julius.
Segnalo anche quest’altro ottimo articolo di csstricks, dove non si usa flash ma jquery.
Ciao!!
non fa niente, ho gia fatto!!
grazie 1000 cmq, sei un grande!!!
god bless you
@Deja_rulez si è Free…
@Issivan ;)
@franc3s ciao questa galleria preleva informazioni direttamente da XML in un clip duplicato, per ora non è possibile caricare altri swf nella galleria senza modifiche appropriate
@DoC thanks ;)
@TheNorba grazie mille ;)
@Fedeweb ottimo ;)
Per Tirare via il link all’ommagine che se vado sopra non si vede la manina e per tirare via i numeri di news e mettere due frecce avanti e indietro
ciao julius ottimo lavoro.
ho un problema riguardo questo…ho delle immagini di varie misure e noto che questa galleria le storpia un pò..
come faccio a farle visualizzare della giusta grandezza?
e poi .. è possibile spostare i numeri del menù sotto le fotografie invece che in alto a destra?
grazie e buon lavoro!!
ti prego rispondi!.)
Ciao julius!
ho un problemino con la galleria…
l’ho inserita in una pagina all’interno di un sito che ha altre pagine.
se clicco sul link della galleria e poi clicco su un’altra pagina, resta sempre il rettangolo bianco con i numeri!!
io vorrei che ci fosse solo in una delle pagine…
come posso fare?
grazieeeee!!!
Ciao Julius..
Apprezzo veramente tanto i tuoi lavori… sono a dir poco stupendi!!
Avrei un quesito..
è possibile… invece che prelevare i dati da file .xml prelevarli da un database mysql??
ti spiego perchè vorrei fare questa cosa:
avrei intenzione di usare questa gallery in un cms.. (mkportal)
e sarebbe utilissimo che i dati li prendesse da una tabella del database.. in modo che posso anche creare un form che compili il database, inserendo i dati.. (link immagine, descrizione, etc).. senza bisogno di modificare ogni volta il file .xml
Aspetto una risposta :)
Ciao!!
Ciao julius, ti ho gia scritto in un altro tutorial per questo problema, ma non mi hai risposto…ti sarei grato se mi aiutassi
ecco il mio rpoblema da un milione di dollari…
ho un primo swf che ne richiama un altro così:
loadMovieNum(”menu_.swf”, 2);
ora…
menu_.swf contiene un pulsante con questo codice
on (release) {
loadMovie(”show.swf”, _root.showreel);
_root.showreel.swapDepths(_root.getNextHighestDepth());
}
show.swf è questa galleria
e qui nasce il problema…praticamente funzona tutto perfettamente, tutto tranne la paginazione della galleria che sparisce completamente…
in sostanza se pubblico il solo file show.swf va tutto bene, ma se pubblico l’intero sito arrivo a vedere show funzionamente ma senza la aginazione…che dici? che potrebbe essere che mi sta facendo perder ei capelli???aiutooo
Bellissima photogallery! Non sono affatto brava con flash eppure sono riuscita ad usarla e a personalizzarla per il mio sito. Solo una cosa non riesco a fare: vorrei eliminare il link esterno di ogni singola immagine. Mi dici per favore come fare? Grazie!!!
@Simo: Ciao.. apri il gallery.fla con flash.. appena aperto premi F9..
Ti uscirà la finestra delle azioni.. a sinistra in basso trova mc, cliccaci sopra.. e elimina tutto il codice che vedrai nella finestra.. sono 5 righe.. Ciao
scusa.. devi trovare mc, holder … holder tra parentesi uncinate.. il sistema di commenti ha pensato fosse un codice html e l’ha eliminato.. xD ciao!
Avrei una richiesta d’aiuto in merito a questa galleria.
Invece del link, come posso fare per ingrandire l’immagine sempre sullo stesso stage?
…Spero ci sia una soluzione semplice!
Grazie millllleee
@DjRiKyX:
Grazie 1000, sono riuscita! :):):)
caro julius…ultimamente passo più tempo sul tuo blog che con la mia famiglia…vabbè credo l’ultimo problema…la codifica dei testi…insomma l’xm mi fa casino con le lettere accentate e gli apostrofi. idee?
Ciao Julius,
Prima di tutto complimenti per i lavori, avrei da farti una domanda, non riesco a caricare accentate e apostrofi? sulla Dynamic Product Gallery XML, qualche suggerimento?
Grazie in anticipo
ciao jiulius..vorrei fare una piccolissima domanda su questo lavoro, di suo molto bello..nn so se te ne sei accorto ma la variabile link sul file xml punta solo al tuo sito, nel senso che se vado a mettere qualsiasi altro sito come per esempio anche google.it, esso dice che il metodo è sbagliato o che la pagina è inesistente..come mai?mi sapresti spiegare perchè?,poichè l’ho utilizzato ma mi da sempre errore o inesistente quando nell’immagine da me inserita e ci clicco sopra, dice che il sito in questione nn esiste..attedno tue notizie, ciao e grazie..
Vorrei inserire 2 pulsanti uno di pausa e uno di play . le ho provate quasi tutte :)) ma nisba. domanda Come fare ?
Grz per l’eventuale risp.
ciao
Vorrei inserire 2 pulsanti uno di pausa e uno di play . le ho provate quasi tutte :)) ma nisba. domanda: Come fare ?
Grz per l’eventuale risp.
ciao
Ciao Julius, complimenti, ho provato ad inserire la galleria in un filmato , diciamo che appare al frame numero 10, con un tasto tornando all’animazione al primo fotogramma mi ritrovo ancora il movieClip creato con i numeri in alto a destra.
Come posso rimuovere il clip quando quando ritorno ai frame iniziali?
Grazie
Ciao, prima di tutto complimenti per i tutorial…
ho un problema con la formattazione del testo html, ho provato in un sacco di modi ma non essendo molto brava con actionscript ho risolto ben poco…
il file xml io lo genero con il php, però ho la necessità che mi vengano interpretati i tag html ad esempio o
mi potresti dare una mano?!
opsss
tag html testo bold o a capo
@Benja: Ciao dai un’occhiata a questo articolo: Codifica caratteri speciali XML
@Debby: per ingrandire le immagini puoi farlo tranquillamente modificando quelle esterne e riadattando i vari contenuti nella gallery
@stefano: L’hai inserito l’ http://www ?
@vincent: Ingloba la galleria in un singolo clip filmato contenitore magari con loadMovie e posizionalo nel frame che vuoi tu, in questo modo la galleria sarà vincolata alla posizione e coordinate del suo clip contenitore
@Claudia: Ciao leggi questo articolo, in pratica basta abilitare il testo HTML e generare da PHP i tag HTML
Ciao,
ho seguito l’articolo, cambiando codifica, abilitando l’html e incorporando i caratteri, ma mi da sempre “undefined” se metto tag o caratteri speciali… ho provato anche a mettere _desc.htmlText ma nulla…
@Julius:
Thanks Julius, per i tutorials e i suggerimenti.. davvero presiosi!!
Ciao julius, è possibile fare in modo che la gallery si visualizzi in ordine casuale?
@Julius
ciao Julius,
sono mirko e volevo chiederti una informazione. sto utilizzando la tua gallery ed avrei bisogno di far si che ogni immagine caricata permetta un “link” a se stessa in versione grande e che questa venga aperta su una finestra html senza menubar, scrollbar ecc. sono la banda blu dove sono presenti i 3 pulsanti per chiudere ingrandire/rimpicciolire ee il simbolo per ridurre ad icona. E’ possibile?
Ciao Julius complimenti per il tuo lavoro-passione
ho lo stesso problema che già ti aveva posto tempo fa giada:
“Giada9 novembre 2008
ho un problemino con la galleria…l’ho inserita in una pagina all’interno di un sito che ha altre pagine.se clicco sul link della galleria e poi clicco su un’altra pagina, resta sempre il rettangolo bianco con i numeri!!io vorrei che ci fosse solo in una delle pagine…
come posso fare?grazieeeee!!!”
grazie ancora
ops!Ho risolto ho visto che già avevi risposto a questa domanda
avrei un altro quesito. posso gestire la slide invece che con dei numeri con delle freccette?
GRazie ancora
ciao
ciao,
complimenti. E se, al posto dei numerini, volessi creare un menù pescando tutti i nomi dei prodotti dall’xml? Sarebbe la perfezione :)
Ciao
Ragazzi ciao! Perfavore ho davvero bisogno di un aiuto, sono in un circolo vizioso, le ho provate di ogni, qualcuno è riuscito a togliere quei numeri dallo stage quando si carica un’altra pagina? Non riesco a trovare codici adatti, ho provato a suddividere il tutto con un loadmovie, ma mi rende tutto molto complicato….
Ve ne sarei stra grato!!!!
buona serata!
Ho un paio di domande da farVi:
la prima è come posso fare per fermarla fino a quando l’utente cliccka il numero ?
La seconda è come posso fare a mettere una tabella nella descrizione ?
Ciao Marco, tutto quello che posso dirti per quanto riguarda a farla fermare è prolungare il tempo di slide e ora ti dico come.
Vai nelle azioni del tuo fotogramma.
Sulla riga numero 63 hai il tempo, l’unica cosa che sono riuscito a fare è prolungarlo, io l’ho messo così:
63. timer = setInterval(loadnext, 10000);
Vedi tu se impostarlo piu’ a lungo, così che se un utente si dovesse fermare sulla tale pagina, la pagina non cambia subito, ci metterebbe un minuto (o quello che scegli…)
Per quanto riguarda la tabella non sono in grado di aiutarti, io l’ho creata all’interno del file flash e lo slide è esterno.
Ciao
Andystar ha scritto:
Scusa ma 10000 a cosa corrisponde minuti o secondi ?
@ marco:
Corrisponde a 10 secondi! 5000 sono 5 seconi 10000 sono 10 secondi e così via, prova con 180000 , 3 minuti..vedi se funziona! metti tu il valori che preferisci!
Ciao, avrei una domanda: Le immagini che carico possono essere sia verticali che orizzontali e di diverse dimensioni, esiste un sistema per centrarle in modo automatico???
Grazie fin da ora.
Ciao
e possibile sostituire i numeri con del testo caricato dal file xml?