Polaroid Gallery opensource

- Letture: 5.334

Polaroid Gallery sviluppata da Christopher Enersud, è una flash gallery opensource, che simula la visualizzazione di foto tramite polaroid draggabili.

Polaroid Gallery v.1.01

Andiamo a vedere il file XML:
<photo desc="Picture is from stock.xchng" url="pics/1.jpg" />

  • desc: Descrizione foto, comparirà sotto la polaroid
  • url: Percorso della foto da caricare

Ecco le caratteristiche della versione 1.01

  • Personalizzare la galleria tramite un file esterno XML
  • Selezionare le immagini nella galleria tramite un ID o feed di un account di flickr
  • Le foto vengono scalate e centrate automaticamente
  • Possibilità di spostare le polaroid con il mouse
  • Ingrandimento foto tramite doppio click del mouse

:) Download Polaroid Gallery v.1.01

:) Download FLA file

:) Guarda la Polaroid Gallery v.1.01

Stratega, Docente, Speaker con più di 12 anni di esperienza in strategie creative multicanale. Oggi sono Partner & Chief Innovation Officer di ThinkingHat, Innovation Studio specializzato in tecnologie emergenti per aziende e brand audaci.

79 Commenti

  1. E da un pò che ho scoperto il tuo blog e devo dire che è davvero fantastico.
    Dovrebbero esserci più persone come te in giro che scrivono riguardo al flash.
    Premetto che mi sono affaciato al mondo flash da poco e quindi non sono tanto esperto.
    Mi puoi dire come posso mettere un pulsante o qualcosa che faccia tornare al movieclip o alla pagina principale?

  2. Grazie a tutti, cerco sempre di trovare risorse originali e interessanti….

    @Andrea non ho capito bene cosa intendi :)

  3. Intendo dire che se ad esempio dalla pagina principale di un sito clicco e apro la galleria di polaroid come faccio a tornare indietro.
    In teoria servirebbe un bottone o qualcosa che mandi alla pagina principale.

  4. Dipende come strutturi il sito…

    Ovvero se fai il sito tutto in flash, o usi pagine HTML o ALTRO per aprire filmati flash…

  5. Bellissimo, complimenti. Ho aggiunto il tuo blog al feed reader, trovo gli articoli sulla grafica in generale molto interessanti.

    Ho provato ad inserire un id flick contenente molte foto e purtroppo risulta abbastanza lento nel caricamento delle polaroid, magari per poche foto sarebbe più indicato. Comunque veramente fico ;)

  6. Ciao Julius
    (innanzi tutto complimenti per il sito!!!)
    allora…
    vorrei sapere se e come è possibile passare l’url del file xml all’swf contenente la galleria tramite un pulsante posizionato su un swf esterno.

    mi sono spiegato?

    questo mi permetterebbe di utilizzare un solo file swf:galleria per più categorie di foto (forse servirà un refresh dell’ swf:galleria?)

    grazie!

  7. urcodiaz

    Ciao Julius!
    Sempre complimenti per il tuo blog…

    Senti ma io ho provato a caricare il file swf della galleria dentro ad un altro swf. Mi da questo errore:
    “Errore: un’azione ‘with’ non è riuscita perché l’oggetto specificato non esiste.”
    Che significa? Di che oggetto parla?

    Ti ringrazio!

  8. urcodiaz

    Scusate…utilissima la gallery…ma ho scoperto che se l’swf viene inserito in una pagina html e aperta con firefox non ci sono problemi…invece se viene aperta con internet explorer le polaroid sfasano e si ammucchiano nell’angolo in alto a sx nascoste…poi cliccando sul mucchietto ne visualizza una per volta ingigantite…si può risolvere in qualche modo? Thanks!!

  9. PeterPetrelli

    è possibile cambiare lo sfondo del legno (per intenderci)con un colore primario tipo bianco?

  10. @ PeterPetrelli

    Anche io stavo impazzendo per cambiare lo sfondo…
    Ho risolto smanettando sull’attributo “Linkage…” dell’immagine del “legno” (poi nn so se è il metodo giusto)

    1) Click col tasto destro del mouse sul vecchio sfondo (il legno) e selezioni “Linkage…”. Cambia il nome da “bakgrunn” a “bakgrunn2”

    2) Trasina all’interno della libreria la nuova immagine di sfondo.

    3) Click col tasto destro del mouse sul nuovo sfondo, selezioniamo ancora linkage… spuntiamo la voce “Export for ActionScript”… e assegnamo come nome “bakgrunn”

    [NB. il pinto UNOl’ho scritto per mantenere comunque la vekkia immagine nella libreria, volendo si può eliminare e passare subito al punto DUE “]

    Da profano… qui lo dico e qui lo nego! :-)

  11. E per eliminare l’effetto della sfumatura tutt’intorno alla cornice…
    (ES. se mettete uno sfondo bianco vedrete una sfocatura nera tutt’intorno)

    Sul layer “actions” al frame “3”

    Al posto della riga:
    var glow:GlowFilter = new GlowFilter(0x333333,100,150,150,1.5,3,true,true);

    Sostituitela con:
    var glow:GlowFilter = new GlowFilter(0x0,0,0,0,0,0,true,true);

    [NB. anche qui ho effettuato una modifica reversibile, in quanto il godice rimane intatto ma ho settato tutti i valori a “zero”]

  12. grazie per la segnalazione. E’ Bellissima!! MI sapete dire come poso integrarla nel mio blog realizzato con WordPress?
    grazie
    F.

  13. Innanzitutto complimenti per i contenuti del sito.
    Vorrei chiedervi un piccolo aiuto: non riesco a visualizzare le foto, infatti vedo soltanto lo sfondo color legno (voglio precisare che in locale l’applicazione funziona molto bene).
    Grazie dell’aiuto e visto il periodo..Buon Natale.

  14. Ciao a tutti!
    Questa gallery è veramente fantastica!!
    Come altri, però, vorrei cambiare l’immagine di sfondo, qui sorge l’inghippo… Quando cerco di aprire il file FLA esce questo avviso “formato di file imprevisto” e, naturalmente, non si apre.. qualcuno sa il perchè??

    Grazie mille

  15. veramente fantastico questo effetto realistico!Complimenti all’autore e a Julius che l’ha riportata qui per noi :)

  16. chiarisco la domanda: vorrei aumentare il formato della foto dopo il doppio click ……

  17. Bello anche questo!!! sei un mago…
    ma si potrebbe far pescare le immagini direttamente dal filmato… cioè incorporarle senza che le pesca da altri file?

    (Lo so sono strano ragiono al contrario e mi complico la vita)

    un saluto a tutti

  18. ciao… davvero uno spettacolo il tuo sito..
    credo che riuscirò a sfruttare bene questa gallery, ma poi posso metterla sul mio myspace al posto di quelle di slide!?
    cioè.. come faccio con il codice!?
    grazie :D

  19. Ciao.
    Ho provato a inserire la gallery (come movie clip) in un altro file fla ma sorgono degli strani inconvenienti.
    Restituisce un errore:
    “Errore: un’azione ‘with’ non è riuscita perché l’oggetto specificato non esiste.”
    E inoltre quando si clicca su un bottone per andare su un altra pagina, le foto rimangono fisse sopra il resto. Cliccando nuovamente sulla gallery carica 2 polaroid vuote (nere). e cosi via. si accumullano e non vanno mai via.
    Qualche idea su come provare a sistemare?
    Grazie…

  20. Perfetto. Grazie mille!
    Un’ultima cosa. Eliminando lo sfondo in legno, rimane sempre sul bordo del nero che sfuma verso il bianco al centro.
    C’è un modo per lasciare lo sfondo uniforme togliendo questo effetto?

  21. era in actionscript. solo che chiamava il background in un modo alternativo e mi era sfuggito.
    Thanks.

  22. fildabik

    Non riesco a capire il motivo per cui se io inserisco un mio id di flickr, ottenuto tramite idGettr e sostituendolo qui

    so.addVariable(“flickrID”,”49749008@N00″);

    non mi carica nessuna foto…

  23. Ciao Julius.
    Scusa per l’ennesima rottura di scatole ma ho un nuovo problema sia con questa gallery sia con il menu in stile ipod (quello delle copertine dei cd per intenderci).

    Come mi hai suggerito tu, ho utilizzato _lockroot per la polaroid gallery e funziona tutto correttamente. Idem l’altro in stile ipod. Se carico questo swf in una pagina html nessunissimo problema.

    Se invece inserisco tutto il mio filmato (che chiamo ITA.fla) come clip CENTRO in https://www.juliusdesign.net/stage-resize-effettuare-un-resize-automatico/
    ho un mega problema: se apro la pagina con qualsiasi browser la polaroid gallery decide di spandere le foto per tutta la pagina infischiandosene dei “margini” iniziali e lo stesso fa la gallery in stile ipod che non è piu centrata ma viene messa al lato destro del mio filmato.

    Quasi dimenticavo. Anche senza inserire ITA come movie clip nell’effetto per il resize automatico, il problema si presenta anche se apro ITA.swf e ingrandisco la finestra a tutto schermo.

    Hai qualche idea su come si possa risolvere?

  24. @fildabik lo stai provando in rete?

    @Mike il problema può essere nei file singoli delle gallerie in quanto si adattano alle dimensioni dello stage.

    Le dimensioni dello stage in questo caso vengono calcolate ogni volta che viene ridimensionata la pagina e influisce sulla posizione

  25. si poterbbe risolvere in qualche maniera? l’effetto del resize e davvero bello e volevo implementarlo anche in quele pagine… cmq daro un’occhiata al codice, sperando di capirci qualcosa… :(

  26. ciao, bellissima gallery. una sola domanda, si può creare un motore di ricerca interno?
    mi spiego meglio. Io dovrei caricare più di 10000 foto, impossibile, nessuno aprirà mai la pagina. E’ possibile inserire un campo “cerca” che interegisca con l’xml e tiri fuori solo le foto ricercate?
    ciao
    grazie

  27. @ilaria ciao si è possibile ma non è una cosa facile se non si hanno conoscenze di base con flash e altri linguaggi

  28. Salve,
    Ho inserito questo fla nel fla del sito che ho realizzato!
    Tutto ok,solo che le foto si posizionano dove non dovrebbero(cioè sulla testata del sito)! C è un modo per stabilire a che punto della pagina le miniature devono posizionarsi e non a casaccio?
    Grazie

  29. Ciao a tutti,
    ho ridimensionato il fla secondo le dimensioni che mi servivano, esattamente 840*420. In questo modo però la foto quando si ingrandisce rimane per un pezzo sotto lo stage..che poi è il div in cui ho inserito l’swf nel mio sito. E’ possibile fare in modo che la foto ingrandita stia sopra lo stage anche se questo è piu piccolo rispetto ad esso?
    No so se mi sono spiegata…
    grazie in anticipo.

  30. Probabilmente hai ridimensionato la galleria solo dalle dimensioni di pubblicazioni…

    Invece devi modificarla dallo stage

  31. …cioè, ho ridimensionato lo stage secondo le mie dimensioni…la polaroid no perchè vorrei che rimanesse di quelle dimensioni una volta ingrandita…ma mi sto rendendo conto che forse non è una cosa fattibile…

  32. Il fatto è che se ridimensioni lo stage…non potrai mai avere le stesse dimensioni anche per la polaroid in quanto esce dalla visualizzazione…

Commenti