Zoomer & Pan XML Gallery

- Letture: 4.430

Zoom, XML, Flash e immagini questi sono gli ingradienti di questa galleria in Flash realizzata da MaikoStudio.com

La galleria è strutturata con anteprime a sinistra scorrevoli in verticale, con l’immagine a dimensioni reali a destra, navigabile con il mouse.

Inoltre è possibile vedere l’immagine in fullscreen premendo su di essa.

Zoomer & Pan XML Gallery

La galleria in flash ha il suo massimo utilizzo su pagine in cui viene pubblicata al 100% per permettere di aprire l’immagine in fullscreen con tutto lo spazio possibile.

Ci sono ancora delle piccole imperfezioni, ad esempio sullo scorrimento delle anteprime ma sono sicuro che nelle versioni successive verranno risolte e ottimizzate.

Scarica il sorgente
Guarda il Tutorial

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.

54 Commenti

  1. .: DoC :.

    Mamma mia ECCEZZIONALE!!!! ;) come sempre il meglio…

    Ciao Julius e continua così! :)

  2. nel sito ufficiale le foto si vedono grandi, nel mio computer si vedono almeno la meta’ di quelle originali, ho provato anche a ridurre i pixel da 100 a 72 delle immagini ma niente.

    Aiutatemi

  3. Ciao Alberto, ma nel file che hai scaricato hai trovato mc_tween2.as?io non lo trovo…

  4. La classe tween veniva caricata tramite l’installazione della stessa con il file .mxp

    comunque a scarso di equivoci vi ho inserito mc_tween2.as

    Riscaricate i file

  5. Ho riscarito i file ma il risultato non cambia, le foto si vedono la meta’ delle originali, Julius pensaci tu.

  6. ..fantastica! una cosa molto simile mi aveva già affascinato nella collezione di minus.dk (che avevo trovato, se non erro, grazie a The Favourite Website Awards), e trovare i sorgenti è davvero.. davvero..!!!
    grazie, Giuliano!

  7. funziona benissimo e pensare che ci volevo lavorare io su questa animazione, chissà quanto tempo sprecato. Grazie di cuore!!

  8. ho notato che ci sono delle limitazioni all’utilizzo dedl file, cioè le foto devono avere tutte le stesse dimensioni altrimenti non funzione bene (vedi alberto),
    io avevo messo mano ad una animazione simile provo a rifarlo io e vi faccio sapere. Quindi se avete foto tutte della stessa dimensione anche non come la predefinita (1024×1450) il file funziona altrimenti bisogna riadattarle.

  9. Ciao a tutti,
    la presentazione è molto bella, e ideale per un album di foto.
    Però la limitazione risiede nell’impossibilità di scegliere l’immagine da visionare.
    Questa possibilità la si trova in Image Gallery Fullscreen, che però non dà la possibilità di vedere l’immagine nel suo insieme, ma solo il suo ingrandimento.
    L’ideale sarebbe l’integrazione dei due tutorial;
    – vedo tutte le mie immagini nelle miniature,
    – scelgo quella da visionare che si visualizza completamente,
    – se lo desidero posso ingrandirla a tutto schermo per apprezzarne i particolari.

    ciao, e grazie

    Maurizio

  10. ciao a tutti,
    la galleria è fantastica ma non riesco ad aggiungere altre foto :-/
    aiutoooo …… in realtà ho aggiunto una 6 foto ed era ok, poi ne ho aggiunte altre ma niente …… si ferma a 6.

    vi ringrazio anticipatamente per l’aiuto prezioso.
    saluti

    davide

  11. come non detto ……….. sono un imbranato!!!
    sbagliavo il nome ;-)

    grazie cmq

  12. ciao Julius,
    un problema OVVIAMENTE :-( è sorto ……..
    vorrei caricarlo come SWF esterno ma non mi trova le foto …..
    è possibile?

    ti sarei grato per l’aiuto
    grazie

  13. caro julius,
    oggi ti sto rompendo le scatole lo sò ;-)

    ho risolto come sai, il problema con _lockroot …. MA !!! …. che ovviamente non cambia mai :-( un problema quando si carica questa gallery c’è.
    Il problema è che perde la posizione il tooltip …. è difficile da spiegare e ti chiedo cortesemente di provarci di persona.
    ti ringrazio anticipatamente …

  14. ho visto bè non mi sembra un errore grandissimo cmq prova a verificare che non ci sia qualche mascherà fuori da coordinate esatte…

    altrimenti controlla il clio del tootltip se non abbia qualche coordinata preimpostata a seconda di parametri di posizione

  15. in realtà ci stò perdendo la testa ……
    non si tratta del tooltip ma della maschera che lo attiva (almeno credo :-/
    quando la galleria viene caricata in un filmato con lo stage dello stesso formato è tutto OK ma se lo stage è più grande …… mmmm … sono guai :-(

  16. ciao Julius,
    ho trovato un compromesso al problema …..
    ma ne è sorto un altro…. la gallery come puoi notare anche dall’originale scaricabile, quando zoomma a tutto schermo le parti sottostanti, in questo caso la miniatura ma nel mio caso anche tutti gli altri pulsanti, restano attivi con non pochi problemi …. :-(
    hai una soluzione per mee??

    in ogni caso ti ringrazio perchè fin ora mi sei stato di grandissimo aiuto.
    ciao

  17. prova cosi…

    Rendi il clip che si ingrandisce un pulsante semplicemente scrivendoci sopra

    on(release){
    }

    in questo modo quando si espande l’area sensibile verrà esplosa sugli altri pulsanti sottoistantanti dando priorità al primo…

    per eliminare la manina

    istanzaPulsante.useHandCursor =false;

  18. ovviamente funziona alla perfezione :-)
    se ti va puoi dare un’occhiata http://www.spagouomo.it (uomo), il sito è ancora in fase di costruzione ma con queste 2 gallery ha acquistato tantissimo.

    Julius non so come ringraziarti
    buona Domenica

  19. Ho un problema che forse si rivelerà “stupido”, o almeno spero… Modificando le dimensioni dello stage, nello specifico portandole a 880×650 pixel, sia del movie che nella variabili di riferimento (canvasWidth ecc.) l’altezza dell’immagine in rientro dal fullscreen risulta sbagliata. Per capirci meglio: una volta effettuato il fullscreen, l’height di mc_mask non torna alla “normalità”, ma prosegue fino alla base dello stage. Spero di essermi spiegato bene… grazie mille per ogni suggerimento!

  20. Ciao Julius io ho il problema che la foto big quando viene cliccata non mi va in full screen:::
    Cosa puo essere??
    Hp fatto il load movie con look root..
    In locale mi funziona tutto ma online una maledetta fava!!!
    Grazie

    aRq

  21. che in locale funzione e in remoto no è un buon segno, almeno abbiamo un errore su cui indagare…

    controlla di avere caricato tutto correttamente altrimenti scirivi il link al progetto che controllo online

  22. Che non vada a tutto schermo è normale in quanto il tuo filmato non è al 100% ovvero è un 800×600 e quindi…

  23. Come faccio a mettere il mio filmato principale a tutto schermo??
    Ho guardato il tuo tutorial ma non ne vengo a capo!!!
    Mi puoi dare una dritta ??
    Che script devo inserire e dove??

    Forse riusciro’ un giorno a finire sto benedetto sito…(Tra l altro è il mio primo vero sito)

    Grazie
    aRq

  24. pubblica il sito al 100% con Stage.scalemode=”noscale”

    a questo punto otterrai un filmato flash a tutta pagina…

    il fullscreen simulato in flash a questo punto dovrebbe funzionare

  25. Sul primo fotogramma inserisci

    Stage.scalemode="noscale";

    nel codice di pubblicazione nella tua pagina

    so.addParam("scaleMode","noscale");

    In questo modo quando pubblichi un swf al 100% il tuo contenuto rimane delle proporzioni che hai scelto e non viene ingrandito perdendo cosi qualità

    Dopo aver fatto questo la tua pagina sarà totalmente contenuta da un applicazione flash, e simulando il fullscreen funzionerà..

    Ti consiglio di andare a leggere attentamente il codice di questo esempio contenuto del file .zip

    saluti

  26. la mia richiesta è se e come poter inserire la descrizione di ogni articolo nella galleria,
    saluti e grazie

  27. Ciao Julius, ho visto da poco il tuo sito, molto interessante con tante informazioni utili e molto ispirante. Vedendo questo esempio, ho applicato alcune modifiche al file, ma ho un problema: avrei bisogno di far si che nella parte della immagine ingrandita all’inizio vi fosse un testo per ogni immagine inserita nella galleria e in seguito poi potessi effettuare lo zoom così com’è cioè all’interno della maschera per poi andare in fullscreen.

    Grazie

  28. @nery ciao

    si dovrebbe fare una modifica nel file XML è inserire un altro parametro come descrizione, se hai basi di FLash + XML mi avrai capito

    se invece non sai come fare dovrai aspettare che implementi questa cosa ;)

    @Michael ciao

    potresti spostare il clip destro in cui viene caricata l’immagine e inserire i testi desiderati

  29. michael_35

    uhm, questo clip andrebbe inserito in un sito da 950*650 px e mi entra così com’è (leggermente ridotto) giusto giusto. La descrizione che dovrei scrivere per ogni immagine diciamo è abbastanza lunga quindi mi ci vuole un certo spazio. pensavo se fosse possibile al posto di caricare l’immagine ingrandita a dx, avere lì lo spazio per il testo e sempre in questo campo relegare a un tasto esempio “Zoom” il caricamento dell’immagine dentro la maschera e poi fullscreen.
    Però in questo mi sono un pò incasinato ^_^’…

  30. Ciao Julius, come al solito tutto ottimo se non che…. purtroppo le iconde delle fotografie scorrono solo in next….. come fare per poter avere un bottone anche per tornare indietro…. sarei felice di una tua risposta in merito….. grazie infinite

  31. Sei veramente un grande!
    Molto valido questo sorgente…
    per sviluppare la gallery con foto orizzonali immagino che mi debba mettere a cambiare le maschere? e non solo immagino…

  32. Ciao Julius bella gallery,
    Volevo chiederti come mai la foto big inizialmente non esce nelle dimensioni reali ma un pò piu piccole e dopo un pò si ingrandisce… oppure non si ingrandisce proprio…?

  33. ciao Giuliano ho modificato il flash in modo da poterlo utilizzare direttamente in html…
    ma all’esportazione non mi mostra l’immagine grande quella che poi sull’event si allarghera mostrandosi tutto schermo…

    i parametri che ho collegato a flash sono uguali a questo… di conseguenza sono collegati perfettamente…l’unico problema sorge quando esporto il file con ctrl+f12 mi ricrea l’html e a quel punto modifico il contenuto in modo che funzioni ma qualcosa mi sfugge…che faccio?

  34. ciao Giuliano ho modificato il flash in modo da poterlo utilizzare direttamente in html…
    ma all’esportazione non mi mostra l’immagine grande quella che poi sull’event si allarghera mostrandosi tutto schermo…


    i parametri che ho collegato a flash sono uguali a questo… di conseguenza sono collegati perfettamente…l’unico problema sorge quando esporto il file con ctrl+f12 mi ricrea l’html e a quel punto modifico il contenuto in modo che funzioni ma qualcosa mi sfugge…che faccio?

  35. Marco Botti

    cIAO jULIUS!
    hO UN GRAN-GRAN problema a caricare come swf esterno la Zoomer & Pan XML Gallery…

    Io mi ci si sto scornando da un po’ e non riesco a capire come risolvere il posizionamento del tooltip, pur usando il _lockroot!!!
    Il sito dove la sto applicando è questo:

    http://www.bn1.it/new/benumberone/intro_benumberone.html

    il codice che uso per richiamare la zoom gallery in un mc incluso in un altro mc è:

    loadMovie(“press_gallery.swf”, _root.square_press.cont_press);
    _root.square_press.cont_press._lockroot=true;

    E’ nella sezione MEDIA, cliccando sull’area press release… Se riesci a darmi una mano te ne sarei davvero grato!
    Ciao e grazie ancora,
    Marco

Commenti