Zoomer & Pan XML Gallery
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.
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
Letture Consigliate per Design
-
HTML 5 e CSS 3 (Guida completa)
Prezzo: EUR 29,00
Promozione: EUR 21,75 -
Creare siti web standard e accessibili
Prezzo: EUR 32,00
Promozione: EUR 27,20 -
Strategie per essere visibili online
Prezzo: EUR 24,90
Promozione: EUR 21,16 -
Usare JavaScript (Guida completa)
Prezzo: EUR 32,00
Promozione: EUR 24,00
Articoli simili DesignFileFlashFreeGalleriaImmaginiLinksLinuxSviluppoTutorialXML
Autore: Giuliano Ambrosio
Web Designer Freelance di Torino che ama la grafica e sperimentare tecniche di creatività sul web. Grazie all'esperienza maturata nel campo del web design potrai scoprire i servizi disponibili, oppure guardare i suoi ultimi lavori.
54 Commenti
Scrivi un Commento
Contributor
Stefanelli
10 Indispensabili Consigli SEO per Web Designer Freelance
Oggi vediamo alcuni indispensabili consigli SEO per migliorare la visibilità dei siti web o ancora meglio degli articoli, con lo scopo di migliorare la predisposizione all’indicizzazione dei nostri progetti web sui motori di ricerca. Ormai anche il Web Designer, soprattutto se è ha intrapreso la carriera da Freelance, deve assolutamente conosce alcune nozioni base della SEO. [...]
Rigato
Path: Alla scoperta del Social Network Esclusivo
Come ogni giorno, mi ritrovo a girovagare per il web: news dal mondo, articoli di nuovi o aggiornamenti social, altro vip che si cancella da Twitter… solita routine, quando ad un tratto vengo attratto dalla notizia di un nuovo Social Network super esclusivo. Già avevo sentito parlare di Path, ma non so per quale strano [...]
Gallo
Lo Shock Marketing nel 2012 con LUSH + [Video Shock]
Sono sempre troppo poche le campagne creative che puntano a sensibilizzare sulla causa animalista, contro le violenze e i test sugli animali, eppure quelle che hanno colpito di più l’immaginazione sono scolpite nelle coscienze di ognuno come segni indelebili. Tra tutte, una delle più meritevole degli ultimi anni è quella dell’azienda inglese LUSH, che ha [...]
Donno
Christophe Huet: Quando il Fotoritocco Diventa Surreale
Christophe Huet è un fotografo specializzato nel fotoritocco digitale, che divide facilmente le opinioni del pubblico, in quanto sappiamo benissimo che esistono due distinte correnti di pensiero. I primi, puristi della foto per i quali la manipolazione è da pena di morte, e i secondi, gli artisti del fotoritocco come Christophe che del fotoritocco hanno [...]
Guide In Evidenza
Usare un Metodo di Lavoro Efficace
Responsive Web Design: I Migliori Tutorial & Risorse
Progettare e realizzare un layout grafico per iPad
Progettare un Layout Grafico che funzioni
Facebook: Creare una Pagina Personalizzata
Creare un layout per iPhone: Trucchi e Consigli
Creare un Blog Popolare partendo da zero
Video Tutorial Adobe Photoshop
Il Meglio del Blog
I love WordPress - JuliusDesign P.IVA 10079630017 - Tutti i contenuti sotto Licenza Creative Commons - Advertise - Contatti - Policy
The advertisement is handled by BlackGeek Ltd
alberto
17 dicembre 2007
le foto mi si vedono piu’ piccole, comunque è ottima
.: DoC :.
17 dicembre 2007
Mamma mia ECCEZZIONALE!!!! ;) come sempre il meglio…
Ciao Julius e continua così! :)
Luca
17 dicembre 2007
Ciao, ma non funzione, manca il file mc_tween2.as, dove lo trovo?
grazie…
alberto
17 dicembre 2007
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
LUCA
17 dicembre 2007
Ciao Alberto, ma nel file che hai scaricato hai trovato mc_tween2.as?io non lo trovo…
Julius
17 dicembre 2007
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
Luca
17 dicembre 2007
ok!!!!GRAZIE MILLE JULIUS!!!
alberto
17 dicembre 2007
Ho riscarito i file ma il risultato non cambia, le foto si vedono la meta’ delle originali, Julius pensaci tu.
grig-io il blogorroico
17 dicembre 2007
..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!
sergio
17 dicembre 2007
funziona benissimo e pensare che ci volevo lavorare io su questa animazione, chissà quanto tempo sprecato. Grazie di cuore!!
sergio
17 dicembre 2007
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.
lele
18 dicembre 2007
uau… era un po’ che lo cercavo!
grazie infinite come sempre!
Maurizio
15 febbraio 2008
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
davide
7 marzo 2008
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
davide
7 marzo 2008
come non detto ……….. sono un imbranato!!!
sbagliavo il nome ;-)
grazie cmq
Julius
7 marzo 2008
figurati…ciao
davide
8 marzo 2008
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
Julius
8 marzo 2008
carica la gallery utilizzando _lockroot
davide
8 marzo 2008
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 …
davide
8 marzo 2008
per intenderci meglio:
http://www.spagouomo.it dal menu LOOK BOOK
tanks
Julius
8 marzo 2008
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
davide
8 marzo 2008
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 :-(
davide
9 marzo 2008
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
Julius
9 marzo 2008
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;davide
9 marzo 2008
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
Julius
9 marzo 2008
Ho visto il sito, molto carino ;)
Buona domenica anche a te
saluti
Eneide
25 marzo 2008
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!
aRq
7 aprile 2008
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
Julius
7 aprile 2008
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
aRq
8 aprile 2008
Ciao Julius qui il link:
http://www.enclode.com
Grazie
aRq
Julius
8 aprile 2008
Che non vada a tutto schermo è normale in quanto il tuo filmato non è al 100% ovvero è un 800×600 e quindi…
aRq
9 aprile 2008
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
Julius
9 aprile 2008
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
aRq
10 aprile 2008
Julius ma dove devo inserirlo lo script Stage.scalemode=”noscale”??
Grazie
Julius
10 aprile 2008
Lo dichiari sia in Flash in AS che in fase di pubblicazione come parametro
aRq
10 aprile 2008
Cioeìè??Non ablo actionscript wey vellllle..
Julius
10 aprile 2008
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
aRq
11 aprile 2008
Grazie Julius!!!!
Sei galattico!!!
buena snoces
nery
4 maggio 2008
salve Julius,
la mia richiesta
nery
4 maggio 2008
la mia richiesta è se e come poter inserire la descrizione di ogni articolo nella galleria,
saluti e grazie
nery
19 maggio 2008
Julius ciao, mi aiuti ?
Michael
16 settembre 2008
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
Julius
16 settembre 2008
@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
michael_35
16 settembre 2008
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 ^_^’…
Alain
22 settembre 2008
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
Andrea
9 ottobre 2008
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…
Massimo
4 marzo 2009
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…?
Giorgio
7 luglio 2009
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?
Giorgio
7 luglio 2009
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?
Marco Botti
2 settembre 2009
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
paky
3 novembre 2009
ciao Julius,
una domandina…m ma non si può migliorare la risoluzione, senza avere l’effetto pixel sulla big_foto.jpg?
grazie
paky
esempio: http://www.jeanseng.it/jeanseng02/test.html
luigi
20 febbraio 2010
la gallery mi piace ma non riesco a caricarla come movie esterno…ho provato sia con _lockroot che con _level0 ma niente si carica ma non carica la gallery
hobbyepassioni
20 febbraio 2010
ottima gallery…. fatta molto bene :)
MastercCaio
3 maggio 2010
Come faccio ad aggiungere una freccia che mi riporta alla foto precedente? ho provato a lavorare sul file mc_tween2 ma non ho trovato la soluzione..