Galleria immagini flash stile polaroid

- Letture: 4.181

Ricordate quelle gallerie fotografiche di immagini in flash stile polaroid che fluttuano sullo schermo?

Oggi ve ne propongo una simile: Interactive Xml Gallery

interactive_xml_gallery.jpg

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]

Stratega, Docente, Speaker con più di 11 anni di esperienza in strategie creative multicanale. Il mio ruolo di Stratega consiste nell’ideare e sviluppare concept creativi per progetti multicanale, individuando le attivazioni e dinamiche di Marketing da applicare attraverso un approccio strategico.

55 Commenti

  1. 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

  2. Medesimo errore di Cico… E’ stato creato con flash cs3. Sarebbe possibile averlo in flash 8? Thanks =)

  3. 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

  4. @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

  5. Federico

    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?

  6. 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

  7. Federico

    Ok, credo di aver capito…grazie mille per la tempestiva risposta!!!

    Ciao ciao

  8. 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

  9. Pingback: La settimana in link #5 « Nicopi

  10. 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.

  11. @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…

  12. 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! ;)

  13. 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

  14. giuseppe

    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

  15. @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?

  16. Francesca

    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..

  17. 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…

  18. 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
    ???

  19. Francesca

    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

  20. Francesca

    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 :)

  21. Francesca

    Ma quali sono le misure giuste perchè le immagini non diventino pixellose?e?

    Tks

  22. Ma è semplicemente geniale O_O
    Bellissimo!!! Bellissimo il randomize e lo stack!

  23. 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?

  24. @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

  25. 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!

  26. Scellista

    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

  27. Non sono sicuro sia possibile, in teoria si posizionano in modo random sullo stage, non vi è una limitazione d’area

  28. Vincenzo

    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.

  29. 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!

  30. Stefania

    ciao Julius,
    volevo saper come si fa a modificare la grandezza delle polaroid distribuite sullo sfondo in legno.

  31. 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

  32. 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.

Commenti