VSlide Gallery XML: Galleria Immagini Flash Verticale

- Letture: 8.257

VSlide Gallery è una delle mie ultime creazioni, si tratta di una galleria di immagini in Flash  AS2 con miniature scorrevoli in verticale

Altamente personalizzabile e facile da usare, potremo inserire una descrizione per ogni immagine e scaricare la foto.

Vediamo le caratteristiche:

  • Precaricamento Immagini
  • Transizione immagini in stile Lighting Effect
  • Miniature scorrecovoli in verticale in stile Slide Scorrevole
  • Immagini esterne da File XML
  • Loop Slide a seconda della direzione
  • Descrizione esterna
  • Link per scaricare l’immagine
  • Ridimensionamento Automatico Colonna Slide + Descrizione

Il file XMl esterno è facilmente configurabile nei suoi parametri Foto grande, Foto di anteprima e descrizione come vediamo da esempio

  • foto photo=”img/1.jpg”
  • photo_big=”img/1_big.jpg”
  • descrizione=”Foto1″

Come ricordato in precedenza la galleria può essere personalizzata in tutti i suoi aspetti, grafica, stile, velocità ecc.

Scarica il sorgente
Guarda il Tutorial

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

129 Commenti

  1. Julius sei davvero un mito ormai per me :)
    trovo questa gallery davvero molto interessante e utile.
    ho visto anche che è facilmente modificabile in base alle proprie esigenze.
    non sono proprio una cima in as e quindi volevo chiederti se puoi darmi qualche indicazione in merito ad una cosa.
    volevo aggiungere un preloader per evitare che le immagini si caricassero a scatti lasciando dei buchi durante l’attesa di caricamento di tutti i contenuti.
    come si potrebbe fare?
    ho provato più strade senza avere successo.
    grazie tante :)

  2. Ciao e complimenti ..davvero stupendo….è possibile inserire un effetto nebbia in movimento nelle immagini?

  3. Ciao julius!!
    Ma se invece che nella stessa pagina, volessi far aprire la foto in una finestra popup (oppure in una finestra _blank)?
    La gallery è bellissima e utilissima per un lavoro che devo fare :)
    Ma al click sulla miniatura dovrei aprire una finestra popup con il relativo contenuto :o come si può fare?
    TI ringrazio
    Ciao
    Alex

  4. @fra puoi inserire un animazione grafica all’interno del clip contenitore che svolga il ruolo di preloader.

    @Giandomenico se hai un link lo vediamo online…

    @Alex dovresti modificare la funzione loadMovie sulle anteprime con getURL e incare il percorso dell’immagine grande come link

  5. ciao julius,ho un problema con la gallery
    sul mio pc la gallery funziona,una volta che carico tutto sul server però
    mi appaiono sempre le immagini di default!
    e una volta che ci clicco dentro diventa la parte a sinistra tutta nera,mi puoi aiutare in qualche modo?

  6. Ciao Julius .. solo una cosa, ma le foto devono avere caratteristiche particolari? Perchè ho fatto delle prove online con le tue foto e ok…. ho provato ad usare altre foto mie e non si vedono!!! Foto che tra l’altro pesano meno delle tue O_o
    Secondo te da cosa dipende?

  7. Ciao Julius,
    complimenti per i tuoi tutorial, abbastanza semplici e ben spiegati per un neofita come me!
    Volevo solo chiederti se era possibile centrare l’immagine nello stage, anzichè farla partire dallo spigolo in alto a sx, visto che nella gallery che stò realizzando ho sia immagini orizzontali che verticali, e quelle verticali vengono spostate verso sx e nn è bello.
    Altra cosa, poi nn ti rompo più, nn ho capito dove esattamente mettere il preloader nella clip contenitore…. puoi essere più preciso per un brocco come me ?

    Grazie infinite !!

  8. Bethlehem

    Ciao, io volevo solo chiedere come si possono sostituire le foto di default con altre…

  9. albe66 ha scritto:

    sistemato! per fermare il filmato bisogna inserire :
    function rollover() {
    _global.blocca=true;
    this._alpha = 100;
    }
    function rollout() {
    _global.blocca=false;
    this._alpha = 50;
    }
    _root.onEnterFrame = function() {
    if (!_global.blocca){
    if (letto) {
    for (i=1; i0 && _root[“mc”+posSin]._y>0) {
    _root[“mc”+posDes]._y = _root[“mc”+posSin]._y-dimImm;
    posSin = posDes;
    posDes–;
    if (posDes == 0) {
    posDes = nfoto;
    }
    }
    if (vel<0 && _root["mc"+posSin]._ynfoto) {
    posSin = 1;
    }
    }
    }
    };

    Jiulius, ciao!
    Ho provato il suddetto codice per far fermare lo slide al passaggio del mouse ma mi da errore e quindi non funge.
    Suggerimenti di correzzione??
    Grazie mille.

  10. strano! a me, funziona perfettamente!!…
    mi viene da pensare tu l’abbia inserito in modo sbagliato.
    dove l’hai inserito???

  11. Ciao Julius, non sono riuscito a trovare la risposta tra i commenti.. volevo sapere come poter bloccare o scorrimento delle anteprime uscendo con il puntatore dalle stesse.. siaorizontalmente che verticalmente.. si può?

    grazie in anticipo..

  12. Ciao Julius….
    avevo bisogno di un piccolo aiuto….
    Come posso spostare totalmente alla destra la barra scorrevole delle miniature….?
    Grazie

  13. spettacolare questa gallery…
    sto provando a modificare il caricamento dello slide in verticale utilizzando come miniature le stesse immagini da visualizzare. Come faccio a ridimensionare le immagini nello slide? Ho provato e riprovato.. ma niente.
    Grazie in anticipo.

    Luciano

  14. Ciao Julius scusa se ti rompo avrei bisogno di inserire un link per ogni foto in modo che si apra al click una pagina html modificando il file xml sai mica come posso fare ?

  15. Ciao,
    Complimenti per la gallery veramente molto bella,
    volevo chiederti come posso invertire il muovimento delle miniature farlo dall’alto verso il basso anziche dal basso verso l’alto???.

    ciao
    Complimenti

  16. @ fra:
    Ciao Julius, è un po’ che ti seguo in silenzio e con piacere.
    Mi ha colpito la “galleria di immagini in Flash AS2 con miniature scorrevoli in verticale”. L’ho visualizzata con safari e subito ho pensato ad un errore di compilazione perché cliccando la prima volta sulle miniature, l’immagine centrale lampeggiava.
    Anche con firefox ed opera accade, mentre con explorer no.
    Mi piacerebbe utilizzare questa tua applicazione ma vorrei risolvere questo problemino che sembra legato allo scaricamento delle miniature. Guarda che ti riguarda non ho trovato il motivo del lampeggio, solo che se aumenti il numero delle foto aumentano i lampeggi, che strano!
    Hai qualche idea?

  17. Ciao Julius, è un po’ che ti seguo in silenzio e con piacere.
    Mi ha colpito la “galleria di immagini in Flash AS2 con miniature scorrevoli in verticale”. L’ho visualizzata con safari e subito ho pensato ad un errore di compilazione perché cliccando la prima volta sulle miniature, l’immagine centrale lampeggiava.
    Anche con firefox ed opera accade, mentre con explorer no.
    Mi piacerebbe utilizzare questa tua applicazione ma vorrei risolvere questo problemino che sembra legato allo scaricamento delle miniature. Guarda che ti riguarda non ho trovato il motivo del lampeggio, solo che se aumenti il numero delle foto aumentano i lampeggi, che strano!
    Hai qualche idea?

  18. Ciao Julius e complimenti!
    Ho un pò di domande per questa galleria…
    Volevo sapere come si fa a far fermare le miniature al passaggio del mouse? Ho provato il codice di albe66 ma non funziona :( L’ho messo a partire dalla riga 78
    Inoltre visto ke ho solo 7 foto da mettere volevo sapere se si può bloccare lo scoll delle miniature una volta arrivato all’ultima foto…
    Per la velocità dello scoll invece ho cambiato il parametro
    vel = -3;
    ma non cambia nulla, come posso fare?
    Grazie :)

  19. Ciao Julius, sto utilizzando la base di quanto hai spiegato con questo tutorial mantenendo lo slide verticale ed eliminando gli elementi e AS del resto.
    Solo che vorrei lasciare visibile solo parte dello slide all’interno di una forma non squadrata che quindi implica una maschera. Ho provato tramite il livello maschera o tramite .setMask, ma sembra come se il livello dello slide sia sopra a tutti quanti e non riesco a notare una cosa simile nel codice. Solo se imposto sulla linea temporale come this.setMask(_root.mc_maschera); allora lo slide viene coperto parzialmente, ma anche tutti gli altri livelli O_O

    spero di essermi spiegato bene e che mi puoi delucidare cosa ho combinato XD

    Un saluto

  20. ciao Julius, trovo la tua gallery molto utile ma vorrei sapere se è possibile mettere un link esterno al click sulla foto grande a sinistra.
    Al momento il tuo file fa aprire la foto big nel browser.

    ciao e grazie
    R

  21. @ Julius:
    ciao Julius, trovo la tua gallery molto utile ma vorrei sapere se è possibile mettere un link esterno al click sulla foto grande a sinistra.
    Al momento il tuo file fa aprire la foto big nel browser.

    ciao
    Rinaldo

  22. @ Julius:
    ciao Julius, vorrei sapere se è possibile mettere un link esterno al click sulla foto grande a sinistra.
    Al momento il tuo file fa aprire la foto big nel browser.

    ciao
    Rinaldo

  23. angelo82

    Ciao julius,

    piacere di conoscerti!!!!devo innanzitutto farti i complimenti per la tua creatività e bravura!!!Ho visto molti tuoi tutorial e sei veramente bravo!!!
    Questa gallery mi ha colpito in particolar modo e visto che amo capire come funzionano le cose mi sono studiato il file sorgente di lungo e in largo :)
    Quello che interessava a me era quello di mettere il tutto in un clip filmato che a sua volta viene posizionato sullo stage della home di un sito che sto realizzando e tutto funziona alla perfezione….vorrei solo adattare la slide scorrevole,visto che va in verticale secondo tutta la grandezza dello stage, al mio sito…..o meglio rimpicciolire la slide secondo le mie esigenze!!!Potresti aiutarmi per favore??? non riesco a capire bene su quale parte del codice devo andare ad operare!!!!
    In attesa di una tua risposta ti ringrazio in anticipo e rinnovo nuovamente i miei complimenti per l’ottimo servizio che svolgi!!!!
    Ciao!!!!

Commenti