Galleria immagini flash stile polaroid
Ricordate quelle gallerie fotografiche di immagini in flash stile polaroid che fluttuano sullo schermo?
Oggi ve ne propongo una simile: Interactive Xml Gallery
Abbiamo la possibilità di visualizzare le foto in modalità random oppure in modalità categorie, quest’ultima modalità allinearà per categorie le varie immagini.
Le immagini vengono richiamate da un file xml esterno in questo modo:
<photo name="A glass of OJ">
<details URL="juice.jpg" category="food and bev"></details>
</photo>
- name: nome dell’immagine che vrrà visualizzato
- url: percorso assoluto (http://www.sito.it/foto/julius.jpg) o relativo (foto/julius.jpg) dell’immagine
- category: Categoria da associare all’immagine
Nel file XML ci basterà inserire il percorso dell’immagine da visualizzare e in automatico verrà richiamata il file dello stesso nome con la desineza _small
Scarica il sorgente
Guarda il Tutorial
Fonte [www.clyral.com]
Letture Consigliate per File
L'uomo che ha inventato il futuro
Prezzo: EUR 19,90
Promozione: EUR 16,91
Facebook la Storia di Mark Zuckerberg
Prezzo: EUR 19,90
Promozione: EUR 16,91
Larry & Sergey, le menti di Google
Prezzo: EUR 18,50
Promozione: EUR 15,72
Nella testa di Steve Jobs
Prezzo: EUR 9,50
Promozione: EUR 8,07
Articoli simili FileFlashGalleriaGraficaImmaginiOpensourceSviluppoXML
Autore: Giuliano Ambrosio
Giuliano Ambrosio è un Web Designer Freelance di Torino che ama la grafica e sperimentare tecniche di creatività sul web. Grazie all'esperienza maturata nel campo del web design potrai scoprire i servizi disponibili, oppure guardare i suoi ultimi lavori.
55 Commenti
Scrivi un Commento
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 sul Web
Facebook: Creare una Pagina Personalizzata
Creare un layout per iPhone: Trucchi e Consigli pratici
Creare un Blog Popolare partendo da zero
Video Tutorial Adobe Photoshop
Il Meglio del Blog
I love WordPress - JuliusDesign P.IVA 10079630017 - Tutti i contenuti sotto Licenza Creative Commons - Advertise - Contatti - Policy
The advertisement is handled by BlackGeek Ltd
turbo
11 febbraio 2008
Wow! Stupendo questo “sistema” per visualizzare le foto!
sicilianipercaso
11 febbraio 2008
Sei sempre il migliore ;)
sicilianipercaso
11 febbraio 2008
Complimenti anche per l’antipixel nuovo, vuol dire che inserirò questo nel mio blog!
Cico
11 febbraio 2008
Ciao julius, bellissimo
anche se una volta scaricato, quando vado al aprire il file.fla mi dice “FILE IMPREVISTO”
Come faccio ad aprirlo?
Ciao e grazie
Roy
11 febbraio 2008
Medesimo errore di Cico… E’ stato creato con flash cs3. Sarebbe possibile averlo in flash 8? Thanks =)
Nikopolidis
11 febbraio 2008
Molto carino questo tipo di galleria di foto, anche facile da usare, però solo io ho problemi di visualizzazione delle immagini? Ovvero quando clicco su un’immagine, che si “apre”, mi appare abbastanza pixellosa (i bordi sono molto scalettati…) c’è qualche modo per risolvere ciò?
//Nikopolidis
Julius
12 febbraio 2008
@Nikopolidis nel esempio che ho inserito io si vede pixelosa in quanto le dimensioni sono state forzate, ma se tu hai delle dimensioni giuste e le immagini sono di una grandezza predefinita non dovresti avere problemi
@Roy ora vedo se è possibile inserire la versione con Flash8
Federico
12 febbraio 2008
Ciao, non so se chiedo troppo, ma vorrei sapere se è possibile inserire le immagini in maniera dinamica..cioè da un form l’utente carica l’immagine che va a finire nella gallery…è possibile?
Julius
13 febbraio 2008
Si è possibile, ti spiego a grandi linee cosa servirebbe fare:
In pratica devi rendere il file xml dinamico, come fare?
Invece di richiamare un file .xml richiamiamo un file .php che non fa altro che stampare al suo interno una struttura uguale a un file xml solo che i contenuti sono dinamici in quanto scritti “al volo”
Quindi tramite un modulo di inserimento immagini crei un file php dinamico con scritti i percorsi delle immagini scelte…
Non è proprio una passeggiata se non hai le nozioni base di flash e php
Federico
13 febbraio 2008
Ok, credo di aver capito…grazie mille per la tempestiva risposta!!!
Ciao ciao
Roy
15 febbraio 2008
Scusa se insisto, ma per il sorgente per flash 8 come posso fare? Grazie =)
Julius
15 febbraio 2008
Ti ho aggiunto nel file .zip la versione del progetto per Flash8
Roy
15 febbraio 2008
Grazie, gentilissimo!
diego
16 febbraio 2008
ciao julius, volevo sapere se era possibile inserire un nuovo tag “link” nell xml… in modo da linkare l immagine ad un url preciso una volta scelta tra le altre nel filmato..
ciao e grazie
La settimana in link #5 « Nicopi
17 febbraio 2008
[...] Galleria immagini flash stile polaroid I migliori 80 siti dove trovare immagini liberamente utilizzabili (Really) Stunning Desktop [...]
Alessio
17 febbraio 2008
Ciao, molto bella la galleria…
sapresti spiegarmi perchè non riesco a visualizzare nella galleria il file “_small”? io li ho messi entrambi nella cartella images.
Si, lo so che sono scarso, ma vorrei imparare qualcosina in più.
Grazie.
Beers
24 febbraio 2008
Bellissima gallery! Cmq scusate l’ignoranza….ma si puo’ integrare in una pagina di wordpress?
Julius
24 febbraio 2008
@Alessio controlla il file XML devi aver inserito il percorso ai file non corretto
@Beer solo se hai un blog su un dominio di primo livello…
E una applicazione flash come le altre…
Beers
24 febbraio 2008
Si io ho un blog di quel genere…è che non ho mai usato una applicazione in flash…in effetti so poco anche di wordpress…ma ho tanta voglia di imparare! ;)
Julius
24 febbraio 2008
leggi qui flash nei post su wp
diego
24 febbraio 2008
ciao julius, scusa se insisto, ma non riesco a trovare una soluzione al mio problema.. copio e incollo da sopra..
volevo sapere se era possibile inserire un nuovo tag “link” nell xml… in modo da linkare l immagine ad un url preciso una volta scelta tra le altre nel filmato..
ciao e grazie da ora
giuseppe
3 marzo 2008
ciaooo julius prima ti volevo dire che sei davvero forte
poi una piccola cosa ……….banale non riesco ad scaricare qui il sorgente dell’esempio ciaoooooooooo
Julius
3 marzo 2008
@diego ciao inserire un nuovo parametro in un file xml non è difficile…basta analizzare come è composto e a seconda di come viene letto da AS copi e incolli le stesse righe di codice indicando che nodo debba leggere
Il parametro nuovo in seguito lo farai riciamare da un pulsante sopra l’immagine…
@giuseppe ciao grazie..
in che senso non riesci a scaricare? Il file .zip è corretto, non riesci ad aprire il sorgente flash?
Francesca
21 marzo 2008
Ciao,
è bellissima questa galleria immagini. Ho provato a riprodurla dando un path assoluto, l’unica cosa che non mi funziona sono le immagini in miniatura. Quando ci clicco sopra si ingrandiscono e vedo le immagini, altrimenti vedo solo le piccole polaroid vuote.
Probabilmente c’è da cambiare qualcosa nella riga 154, riferita allo _small:
thePhoto.thumbURL = tempArr[0] + “_small.” + tempArr[1];
ma quale sarà? :/
non posso mica mettere htt:/www.etcc..
Julius
21 marzo 2008
thePhoto.thumbURL = tempArr[0] + “_small.” + tempArr[1];in tempArr[0] ci sono i nomi delle immagini e nel tempArr[1] le estensioni
Purtroppo questa suddivisione viene eseguita quando trova un punto, e se inserisci un percorso http://www. ti trocherà in questo punto…
si potrebbe cancellare un po il codice togliendo questi array e introducendo un nuovo parametro nell xml anche per le miniature…
Max
22 marzo 2008
ciao julius
complimenti x il sito e soprattutto x le animazioni….
a me servirebbe qst galleria… ma in dimensioni 460 x 210…
poichè sn alle prime armi.. nn riesco a risolvere il problema… :D
???
Francesca
26 marzo 2008
Grazie Julius, :)
Julius
26 marzo 2008
@Max modifica da progettazione le dimensioni, è semplice
@Francesca figurati
Francesca
12 aprile 2008
Ciao Julius, ho un altro problema relativamente a questa galleria:
la importo in un altro swf così:
Agallery_mc.loadMovie(“gallery.swf”);
Agallery_mc._lockroot = true;
Agallery_mc._x=22;
Agallery_mc._y=1085;
però quando clicco per ingrandire le miniature, l’immagine ingrandita si apre molto giù, fuori dallo stage insomma.
Come posso fare per ovviare?
Grazie in anticipo
Julius
12 aprile 2008
Sarà un problema di posizionamento dell swf esterno…
hai un link da farmi vedere?
Francesca
14 aprile 2008
Julius non ci crederai mai, banalmente ho dato a SW e SH delle proporzioni fisse anzicchè relative allo stage e funzia :O.
Grazie per la disponibilità.
Ho un altro problema con myspace, dove posso scriverti? Sempre se non ti rompo eh :)
Julius
14 aprile 2008
La mia casella di posta la trovi qui
Francesca
21 aprile 2008
Ma quali sono le misure giuste perchè le immagini non diventino pixellose?e?
Tks
Julius
21 aprile 2008
In teoria le immagini vengono adattate…non c’è una dimensione fissa
Francesca
22 aprile 2008
Ah.. perchè mi sgranano, eppure sono risoluzione massima..
Herunar
22 maggio 2008
Ma è semplicemente geniale O_O
Bellissimo!!! Bellissimo il randomize e lo stack!
Julius
22 maggio 2008
@Herunar :)
ornet
27 maggio 2008
se creo un sito in dreamweaver e poi creo una scritta Url per accedere alla galleria tua scaricata sul mio pc, poi alla pubblicazione l’utente che clicca sul link potrà vederla in una pagina che si apre, con tutte le foto da me messe?
Julius
27 maggio 2008
@ornet ciao
ovviamente deve essere tuttto online su uno spazio, immagini swf html ecc ecc
L’utente non potrà mai accedere al tuo pc fisicamente
ornet
4 giugno 2008
ciao certo deve essere online, ma dato che è la prima volta che approccio…mi chiedevo, basta fare un link in dreamweaver per rendere la gallery visibile? cioè basta come dici tu che trasferisco i file da dreamwever su ftp vero? la gallery si comporta come qualsiasi altro swf…?
Grazie per la risp e complimenti vivissimi a te!
Julius
4 giugno 2008
si basta che carichi tutti i file swf compresi
Scellista
10 giugno 2008
Ciao julius, ho scaricato la gallery, è fortissima, vorrei solo chiederti una cosa, come posso limitare il posizionamento delle foto sullo stage?
Cioè non vorrei si posizionassero sull’intera grandezza dello stage, ma solo sulla metà destra…
…mi fai sapere se è fattibile e come?
Grazie ehh
Julius
10 giugno 2008
Non sono sicuro sia possibile, in teoria si posizionano in modo random sullo stage, non vi è una limitazione d’area
Vincenzo
15 ottobre 2008
Ciao, complimenti prima di tutto, poi volevo chiederti se era possibile avere questa galleria fotografica con la possibilità di salvare le immagini direttamente dalla grande, con funzione tasto destro e salva immagine. Grazie anticipatamente.
Diego
15 novembre 2008
ciao julius, complimentissimi per i tuoi tutorial!
Volevo chiederti una cosa: vorrei inserire questa galleria in un sito per un amico. Ho provato in due modi differenti:
1) caricando il file SWF con la funzione loadMovie in un MC vuoto interno al mio sito.
Facendo questa cosa esegue ilpreload ma poi non carica niente. Sono stato anche attento a rispettare i percorsi delle directory.
2) ho copiato ed incollato i tre fotogrammi (con tutti i vari livelli) ed effettivamente cosi funziona. L’unica cosa è che una volta caricate tutte le mini polaroid, in alto a sx nello stage, mi carica le miniature delle foto una sovrapposta all’altra e non riesco a capire da cosa dipenda..
se potessi aiutarmi ti sarei molto grato!
grazie comunque da ora!
Stefania
1 dicembre 2008
ciao Julius,
volevo saper come si fa a modificare la grandezza delle polaroid distribuite sullo sfondo in legno.
Daniele
31 dicembre 2008
ottimo script come sempre Julius :)
a parte la ruffianata :P, volevo sapere se era possibile evidenziare i collegamenti tra una polaroid e altre con simili categorie o tag, collegandole con una linea. Non so se per esempio nell’xml ogni clip viene chiamata v1,v2,v3… al passaggio del mouse su v1 si evidenziano i collegamenti con delle lineee con altre polaroid tipo v4, v6, v7…
Non so se è chhiaro…cmq ad ogni modo buon anno Julius e Keep it up.
Ciao.
Daniele
Delphin
22 gennaio 2009
Ciao Julius, e complimento per il ricchissimo blog!
Io ho una domanda: Ho modificato il file .xml, ridimensionato il file .fla e finchè resto in remoto tutto ok. Quando però lo porto sul web, al caricamento mi dice che è VIETATO caricare il file interactive_xml_gallery.swf … Perchè?? Ad esempio in questo sito funziona bnissimo: http://www.effettimoda.it … perchè a me dice che è addirittura VIETATO?
Lo so che questo argomento è stato trattato un anno fa ma se hai tempo spero che mi risponda …
Delphin.
Julius
22 gennaio 2009
Ciao mi passi il link dove ti esce l’errore? Cosi verifico online
Delphin
23 gennaio 2009
Certamente: http://www.jacopoweb.altervista.org/interactive_xml_gallery.html questa è la pagina. Io uso un Mac di casa Apple e verificando su Safari nella zona “finestra”>”azioni”>mi dà l’errore, o meglio, dice che caricare il file swf è VIETATO!!
Grazie per l’interessamento,
Delphin.
Delphin
23 gennaio 2009
Ad esempio Firefox non dà nessun errore ma non carica il filmato (resta la pagina nera) … Non ci capisco più nulla… Ho guardato anche i vari codici ed il resto, ma non capisco dove possa essere l’errore. Ma solo a me ha dato problemi o ci sono anche altri lettori che hanno avuto lo stesso problema?
Delphin
26 gennaio 2009
Allora? Hai trovato il problema?
Delphin.
willman
21 giugno 2009
Ciao Jiulius,
avendo caricato diverse foto mi ritrovo che, quando scelgo la voce “stack” e mi dispone le foto per categoria, riesco a visualizzare solamente poche miniature.
Come potrei riolvere il problema?
Grazie e tanti complimenti.
Will
Peppe
18 agosto 2009
Ciao Jiulius,
scusa ma ho lo stesso problema di Diego…cioè inserire nella foto grande oltre nome e categoria, anche un bottone che mi rimanda ad un link.
Ho provato a capirci qualcosa e a modificare il fla…solo non riesco a concludere nulla…recupero sempre e solo il nome della foto. ti prego mi mandi il codice da modificare.
Grazie San Jiulius ;)
Stefano
18 luglio 2011
Ciao Jiulius,
complimenti per la galleria, cercavo proprio qualcosa del genere per il mio sito!!
Volevo chiederti come aggiungeresti la funzione di cambiare le immagini all’interno del ingrandimento, tipo con due pulsanti classici next/prew.
Ho provato ad aggiungere la funzione, ma si vede che son proprio nabbo… mi daresti una mano?
Grazie