Dynamic Product Gallery XML
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
Scarica il sorgente
Guarda il Tutorial
Letture Consigliate per AS2
-
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
AS2DesignFlashFreeGalleriaGraficaImmaginiSlidesSviluppo
Autore: Giuliano Ambrosio
Creative Strategist e Designer Freelance di Torino, fonda il blog JuliusDesign nel 2007, attualmente collabora con diverse agenzie su tutta Italia con le quali ha avuto modo di lavorare per diversi big brand.
Commenti da Facebook
43 Commenti dal Blog
Scrivi un Commento
Contributor
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 [...]
Arcidiacono
7 Fasi di lavoro per lo sviluppo di un logo aziendale
La progettazione di un logo è un processo molto lungo, spesso è molto difficile trovare idee che coincidano con le esigenze dei clienti. Quando si progetta un logo aziendale bisogna tenere conto di diversi aspetti: il tipo di font, colori, equilibrio e simbolismo per citarne alcune. Lo scopo di questo articolo è quello di mostravi [...]
Novelli
Lavorare Online: WebDesigner + Affiliate Marketing
Prima di tutto mi sembra doveroso un ringraziamento a Giuliano per la sua disponibilità e simpatia, dopo anni di conoscenza virtuale abbiamo avuto modo di conoscerci durante l’evento SEO Training a Roma in cui ha discusso sull’uso dei Social Media per aumentare il proprio personal branding, ed oggi mi ospita all’interno di JuliusDesign. Scrivendo un [...]
JuliusDesign
Come individuare la nicchia giusta per la tua Futura Startup?
Se desideri avviare la tua startup online e vuoi capire se la tua nicchia di mercato è vincente, allora qui troverai alcune strategie molto utili al riguardo. Questo articolo è scritto e sponsorizzato da guadagnareonlineitalia.it Ormai è quasi trascorso un anno dalla nostra avventura focalizzata sulle strategie per guadagnare soldi online e in questi mesi [...]
JuliusDesign
Pdf2iPad: Trasformare PDF in Applicazioni iOS Interattive
Ho avuto l’occasione di provare Pdf2iPad, un potente strumento con cui è possibile convertire e trasformare i propri PDF in applicazioni professionali per dispositivi mobile Apple. Oltre alla conversione del documento PDF, tra le caratteristiche avremo la possibilità di integrare advertisign, social media e interattività nei nostri contenuti come video, gallerie di foto, oggetti 3D [...]
Gallo
Strategie di Viral Marketing nel mondo del Cinema
Come si fa un virale? E in quali settori è più efficace? Oggi esploro il mondo del cinema a caccia di esempi che dimostrino il valore di un’azione di marketing non convenzionale per lanciare un film. Una campagna virale si crea a tavolino? E’ possibile anticiparne i risultati a priori? E quanto valore ha effettivamente, [...]
Silva
30+ Fotografi Italiani su Twitter da Seguire nel 2013
Twitter e la fotografia, un rapporto difficile, contrastato e che non riesce a decollare. Sono pochissimi i fotografi (professionisti e non) che usano il social network dell’uccellino azzurro: se è difficile farsi capire con una foto, in soli 140 caratteri il tutto diventa ancora più complicato. Ci sono però delle eccezioni (rare). Mi sono permesso [...]
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
- Video Tutorial Photoshop CS3: Creare un effetto Fluid Silhouette
- Video Tutorial Photoshop CS3: Creare un layout display in stile iPad
- Video Tutorial Photoshop CS3: Creare un volto Avatar Makeover
- Video Tutorial Photoshop CS3: Creare un Effetto Out Of Bounds
- Video Tutorial Photoshop CS3: Creare una Faccia da Mostro
- Video Tutorial Photoshop CS3: Creare una Maschere di Ritaglio
- Video Tutorial Photoshop CS3: Creare ed Applicare Filtri Avanzati
JDPack Premium
I love WordPress - JuliusDesign 2007-2013 P.IVA 10079630017 - Tutti i contenuti sotto Licenza Creative Commons - Advertise - Hosting - Contatti - Policy
The advertisement is handled by BlackGeek Ltd
Deja_rulez
1 settembre 2008
Bella li julius!
domanda da un milione di petroldollari…. è free come risorsa o è a pagamento?
Issivan
1 settembre 2008
è free mi sembra
grzie Julius era la galleria che ti chiesi un po di tempo fa. Thanks
David
1 settembre 2008
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?
franc3s
1 settembre 2008
Puoi spiegarmi meglio come caricare un swf nella gallery?
franc3s
1 settembre 2008
grazie ovviamente!:P
DoC
1 settembre 2008
Eccezzionale come sempre, ottima risorsa hihi ;)
TheNorba
1 settembre 2008
Ottimo articolo.. bravo Julius ;-)
Fedeweb
1 settembre 2008
Grande articolo Julius.
Segnalo anche quest’altro ottimo articolo di csstricks, dove non si usa flash ma jquery.
Ciao!!
David
1 settembre 2008
non fa niente, ho gia fatto!!
grazie 1000 cmq, sei un grande!!!
god bless you
Julius
1 settembre 2008
@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 ;)
Enrico
3 settembre 2008
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
giuseppe
24 ottobre 2008
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!.)
Giada
9 novembre 2008
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!!!
DjRiKyX
20 novembre 2008
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!!
Marco
25 novembre 2008
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
Simo
30 novembre 2008
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!!!
DjRiKyX
30 novembre 2008
@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
DjRiKyX
30 novembre 2008
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!
Debby
1 dicembre 2008
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
Simo
1 dicembre 2008
@DjRiKyX:
Grazie 1000, sono riuscita! :):):)
Marco
2 dicembre 2008
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?
Benja
11 dicembre 2008
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
stefano
17 marzo 2009
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..
marcello
2 aprile 2009
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
marcello
2 aprile 2009
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
vincent
13 aprile 2009
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
Claudia
14 aprile 2009
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?!
Claudia
14 aprile 2009
opsss
tag html testo bold o a capo
Julius
15 aprile 2009
@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
Claudia
15 aprile 2009
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…
vincent
16 aprile 2009
@Julius:
Thanks Julius, per i tutorials e i suggerimenti.. davvero presiosi!!
galderisio
8 ottobre 2009
Ciao julius, è possibile fare in modo che la gallery si visualizzi in ordine casuale?
mirko
1 dicembre 2009
@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?
giulio
16 gennaio 2010
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
giulio
17 gennaio 2010
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
ba:D
3 marzo 2010
ciao,
complimenti. E se, al posto dei numerini, volessi creare un menù pescando tutti i nomi dei prodotti dall’xml? Sarebbe la perfezione :)
Ciao
Andystar
16 luglio 2010
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!
marco
24 luglio 2010
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 ?
Andystar
24 luglio 2010
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
marco
25 luglio 2010
Andystar ha scritto:
Scusa ma 10000 a cosa corrisponde minuti o secondi ?
Andystar
25 luglio 2010
@ 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!
Valerio
29 novembre 2010
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.
Luca
26 giugno 2011
Ciao
e possibile sostituire i numeri con del testo caricato dal file xml?