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]
55 Commenti
Wow! Stupendo questo “sistema” per visualizzare le foto!
Sei sempre il migliore ;)
Complimenti anche per l’antipixel nuovo, vuol dire che inserirò questo nel mio blog!
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
Medesimo errore di Cico… E’ stato creato con flash cs3. Sarebbe possibile averlo in flash 8? Thanks =)
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
@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
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?
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
Ok, credo di aver capito…grazie mille per la tempestiva risposta!!!
Ciao ciao
Scusa se insisto, ma per il sorgente per flash 8 come posso fare? Grazie =)
Ti ho aggiunto nel file .zip la versione del progetto per Flash8
Grazie, gentilissimo!
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
Pingback: La settimana in link #5 « Nicopi
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.
Bellissima gallery! Cmq scusate l’ignoranza….ma si puo’ integrare in una pagina di wordpress?
@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…
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! ;)
leggi qui flash nei post su wp
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
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
@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?
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..
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…
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
???
Grazie Julius, :)
@Max modifica da progettazione le dimensioni, è semplice
@Francesca figurati
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
Sarà un problema di posizionamento dell swf esterno…
hai un link da farmi vedere?
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 :)
La mia casella di posta la trovi qui
Ma quali sono le misure giuste perchè le immagini non diventino pixellose?e?
Tks
In teoria le immagini vengono adattate…non c’è una dimensione fissa
Ah.. perchè mi sgranano, eppure sono risoluzione massima..
Ma è semplicemente geniale O_O
Bellissimo!!! Bellissimo il randomize e lo stack!
@Herunar :)
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?
@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
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!
si basta che carichi tutti i file swf compresi
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
Non sono sicuro sia possibile, in teoria si posizionano in modo random sullo stage, non vi è una limitazione d’area
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.
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!
ciao Julius,
volevo saper come si fa a modificare la grandezza delle polaroid distribuite sullo sfondo in legno.
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
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.
Ciao mi passi il link dove ti esce l’errore? Cosi verifico online
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.