Image Gallery

- Letture: 5.637

Ecco un’ottima galleria di immagini sviluppata orizzontalmente sfruttando la classe tween

Questa galleria dinamica in flash è molto semplice da usare, infatti per muoversi da una foto all’altra basterà cliccare su quella successiva e cosi via…

Image Gallery - lewi-p.co.uk

Analizziamo il file xml:

<xml>
<item path="images/newyork.jpg" abstract="This is image 1" />
<item path="images/bridge.jpg" abstract="This is image 2" />
<item path="images/vw.jpg" abstract="This is image 3" />
<item path="images/highway.jpg" abstract="This is image 4" />
</xml>

  • path: Percorso dell’immagine
  • abstract: Descrizione immagine

Questa galleria è molto semplice da utilizzare e facilmente personalizzabile infatti potremo configurare il design a nostro piacimento senza dare limiti alla nostra creatività.

Fonte [Lewis Peel]

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.

110 Commenti

  1. bella questa gallery.
    assomiglia molto all’autoviewer,però migliore..in quanto guarda in automatico le dimensioni dell’immagine..e cè quella barra per il testo molto carina!
    e in più..questa è free! :D
    bravo!l’ho già usata per un mio sito..appena è pronto ti do il link cosi lo metto nella sezione “progetti” ;)

  2. Come al solito ti lascio un commento per dirti che anche questa gallery è molto bella, e che non deludi mai!

  3. ma se si volessero aggiungere due freccie per andare avanti e indietro?
    perchè non pensavo,ma cè molta gente ignorante tra i nostri clienti…lo sapevate?? :d
    è già il secondo sito che faccio utilizzando questa splendida gallery..ed è già il secondo cliente che mi chiede “come faccio a vedere le altre??”.. :(
    quindi la domanda sorge spontanea: se inserisco due freccie agli estremi dell’swf..che codice devo scrivere per far si che le immagini vadano avanti e indietro?

    grazie! ;)

  4. Stò diventando matto a modificarla in modo che carichi anche gli swf insieme alle jpg …. li carica ma la funzione BitmapData fa il freeze dell’swf caricato, rasterizzandolo solo come bitmap…. qualcuno può aiutare…?

  5. Volevo usare questa galleria, ma la devo richiamare tramite un loadmovie e purtroppo non mi funziona, se lancio il file swf da solo tutto funziona perfettamente se lo lancio da un’altro swf tramire il load movie allora si complicano le cose. il mio percorso è _root.home ho provato a variare alcuni percorsi ma niente, fi blocca alla scritta loading image 1/23. Soluzioni?

    Grazie a tutti.

  6. Julius sei un grande, funziona perfettamente. Grazie, tante grazie ed ancora grazie. Alla prossima santificazione, invio la tua nomination :-))

  7. Ciao Julius sto provando a richiamare la gallery con un loadmovienum all’interno del sito che sto progettando, lo stage del sito ha delle dimensioni differenti (1000×600) e una volta caricata la gallery all’interno dello stage questa si conforma alle sue dimensioni, caricando le immagini grandi e sovrapponendosi al resto del sito.
    Non c’è un modo per evitarlo o rendere la sua grandezza fissa (ad esempio all’interno di un box) e non relativa?

    Prime armi.. grazie dell’attenzione e buona serata, Fede.

  8. Ciao Julius..

    eccomi ancora qui,

    Ho richiamato la gallery con loadMovie in un clip contenitore utilizzando anche la funzione lockroot come da tuo consiglio e funziona!

    Ma il box contenitore non funge più da maschera come lo stage nel tuo tutorial, la gallery si carica nel contenitore con le dimensioni adattate e nella posizione che voglio ma orizzontalmente le immagini scorrono fino alla fina dello stage, mentre ho bisogno che una volta caricata nel box contenitore la gallery venga tagliata dentro..
    Sai dirmi perchè accade e come risolvere il problema?

    Grazie mille e buon we! Fede.

  9. Ciao Julius, potresti spiegarmi, a grandi linee, come posso inserire la galley all’interno di una pagina html?
    Basta importare il file .swf come object? (provando mi pare di no…)

    Complimenti e grazie!

    Matteo

  10. @Federico hem su 2 piedi non saprei, ma di che maschera parli? Se è una tua maschera prova a metterla sopra il box contenitore…

    @Matteo ciao inserisci la galleria in questo modo

  11. Al momento non potendo aprire i sorgenti, posso specificare un file xml esterno al sito dove viene caricato la gallery? (tramite i parametri)

    Grazie, ciao!

  12. Ciao Julius, rieccomi qui, se ben ricordi ci siamo sentiti tempo fa a riguardo del tuo tutorial “Flash e Database MySQL” dove scoprimmo che effettivamente legge solo jpg.

    Ok vengo al mio problemuccio attuale.

    Stò utilizzando questa gallery in un sito, però mi necessita che sotto le immagini vengano visualizzate le tumb in scorrimento, e naturalmente cliccandoci sopra vienefuori l’immagine inerente, come posso ovviare a questo problema?

    Tu mi dirai, giustamente, scegline una che lo fa già!

    Purtroppo mi è giunta la richiesta dopo che il cliente ha visionato il sito. :(

    Grazie anticipatamente.

  13. Cia julius complimentoni per la gallery.
    Volevo sapere una cosa, potresti dirmi come posso scurire ancora di più le foto che stanno a destra e sinistran e che fanno andare avanti la gallery.
    Stò impazzendo ma non riesco a trovare nell’AS la stringa.
    Certo di una tua risposta colgo l’occasione per salutarti

    ciao antonio

  14. Devi aggiungere una stringa del file XML in cui scrivi il percorso dell’immagine come leggi dall’articolo

    a partire da <item path

  15. per rendere + scure le immagini io ho risolto aprendo l’azione presente nell’oggetto clipmovie imageBox abbassando l’alfa

  16. ciao Julius. sto provando ad inserire la gallery di questo post all’interno di un sito flash caricandola con loadMovie(“image_gallery”,”load_mc”);

    mi da un problema

    il mio filmato main ha un mc_principale che viene centrato con un Listener
    contenente il menu e gli altri elementi del sito

    premendo un bottone contenuto nel mc_principale richiama il loadmovie e carica la gallery che pero non viene visualizzata correttamente.

    il load movie funziona solo se lo inserisco nel fotogramma principale della scena e non in un mc_istanza.

    esiste una soluzione?

    tnx a presto complimenti per il blog

    Stefano

  17. serdominik

    ciao jiulius è tutta la domenica di pasqua che sbatto su questa gallery per fare delle modifiche a mio piacimento solo che mi sn bloccato nn riesco a mettere un link sulla foto selezionata. come devo fare?

  18. Trovi nel file da scaricare in fondo all’articolo il progetto .fla .swf e il nuovo xml per gestire i link

    buona pasqua

  19. serdominik

    oi jiulius ho provato e funge alla grande ti ringrazio mille.

    leggendo le risposte a questo articolo ho notato che io e SPIKE abbiamo lo stesso problema in pratica mi servono due pulsanti avanti e indietro.
    sto provando a ma esiste solo una funzione nextimage e cmq nn ci riesco proprio

    (mi scuso se ti reco molto disturbo)

  20. si potebbe cercare di fare un pulsante con le stesse procedure che ha la funzione realease sull immagine incrementando e diminuendo a seconda della posizione iniziale…

    appena riesco provo a fare una piccola modifica

  21. Ciao Julius!
    Grazie per il tutorial!

    Ho un filmato flash inserito nella pagina index.html.
    Dentro il filmato c’è il pulsante che fa apparire la popup,
    il problema è che la galleria dentro la popup non viene visualizzata!
    Mi sapresti aiutare?
    Grazie

  22. Sono riuscita a risolvere! Si visualizza la gallery dopo aver inserito swfobject.
    Intanto il link è http://www.inesivkovic.com, una volta nella home scorri verso dx nella sezione “event”, poi “project presentation” e infine “gallery”.
    Per non far vedere la barra di explorer nella popup come dovrei fare?
    Grazie, tu sei troppo gentile!

  23. Quella barra è visualizzata in base al browser…

    Sono questioni di abilitare popup o disabilitare da browser…

  24. ciao julius, vorrei sapere se è possibile sostituire le img con dei clip, in pratica trasformare questa gallery in un sito vero e proprio!

    Ti tingrazio anticipatamente!

  25. ciao, ho scaricato il file zip, all’interno c’è un swf che richiama un xml con i link abbinati ad ogni foto, ma non funziona. Puoi aiutarmi?
    grazie, ciao
    ilaria

  26. @Fabio in teoria potresti gia ora caricare filw swf cambiando un po il codice AS in quanto stiamo sempre caricando in clip filmati..

    @ilaria ciao

    “non funziona” è molto generico se mi dai più informazioni…

  27. scusa julius ma dov’è che dovrei modificare l’AS? prima da ignorante ho semplicemente sostituito nell’xml una immagine con un swf ma ovviamente non funziona, mi carica solo una parte dello stage e tra l’altro senza nessun tipo di animazione.

  28. “modificare il codice” era in modo figurato, nel senso che devi cambiare la logica della galleria e non far più caricare immagini ma swf esterni

    Se ti carica solo una parte sarà perchè è stato stabilita solo una parte da visualizzare, ci sarà una maschera..

  29. ciao julius, intendevo dire che non funzionano i link.
    se clicco su una foto e nel file xml per esempio ho abbinato index.htm, non funziona. anche nel file .zip che ho scaricato, in cui tu hai inserito link assoluti, in realtà cliccando sulle immagini non funziona il link.
    probabilemnte sbaglio io, ma dove?
    grazie mille, ciao
    ilaria

  30. ciao julius, sono troppo babba, il link funziona…. ma è solo sulla scritta dettagli. posso inserirlo all’intera foto?

    grazie e scusa, sono un pò distratta : )

  31. Maurizio

    Ciao Julius,

    è possibile fare in modo che cliccando su “dettagli” il link venga aperto nella pagina corrente e non in blank?

    Probabilmente sono io che sono stordito, ho provato a cercare nel codice ma non trovo niente al riguardo…

  32. ragazzi dovete smanettare bene per poter far ciò che volete voi…

    Cmq vedete qui trovate un esempio di questa galleria fotografica modificata da me creando un portfolio

    Che ne pensate ho smanettato abbastanza?

    Cmq ottima idea per caricare swf esterni quando avrò un po’ di tempo libero smanettero anche per gli swf…

    Cmq ciavo julius… continua ad arricchire il blog….

  33. ciao,
    è possibile che cliccando sul testo inserito nell’abstract non si apra una nuova finestra, ma resti sempre la stessa?
    grazie mille per l’aiuto!!!
    ciao

  34. @ilaria in ke senso dici di aprire nella stessa finestra?

    Se te intedi dove hai caricato l’swf secondo me è sbagliato perchè dopo dovrai ricaricare l’swf da capo…

    @ialria in ke senso carica male?

  35. ciao, per il caricamento abbiamo risolto, era un problema del flashobject.
    invece per il link intendevo dire che se adesso clicchi sui dettagli ti apre una finestra in “_blank”, invece a me serve che resti sempre la stessa, perchè io non lo utilizzo come un menù di navigazione, ma una vetrina prodotti in homepage e quindi devo navigare sempre all’interno della stessa finestra.
    grazie mille, ciao

  36. ciao, no, non so dove gli dica _blank, probabilmente nel file .as, perchè nel fla non l’ho trovato.
    mi puoi aiutare?
    grazie mille : )
    ciao

  37. ciao, riesci ad aiutarmi?, altrimenti devo cambiare animazione ed è venuta proprio carina. : (
    grazie
    ciao

  38. dannybai

    qualcuno sa che per adattarla ad un sito php che bisogna fare? il file che richiama la galleria deve essere in php?

  39. @dannybai se devi inserire in una pagina PHP la tecninca di inserimento non cambia

    @ilaria ciao

    Entra nella libreri [CTRL+L] clip imageBox

    Ora primo fotogramma entra nel codice [F9]

    Linea 13 la cambi in

    getURL(_root["image"+id].link_url, "_self");

  40. dannybai

    quindi la procedura di internet explorer blocco va inserita in un file php?
    Grazie Julius!!

Commenti