Visualizzazione dei risultati da 1 a 6 su 6

Discussione: che tipo di gallery?

  1. #1

    che tipo di gallery?

    buongiorno a tutti

    qualcuno ha idea di come sia stata realizzata questa gallery?
    qualche suggerimento per replicarla? dritte, tutorial, codice da personalizzare...

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2009
    Messaggi
    46
    Hanno usato un Javascript, però è esterno e non saprei visualizzarlo. Probabilmente è un timer che carica le immagini nello spazio. Non è sicuramente flash. I dettagli però non te li so dire.
    meglio un commento oggi che tanti mal di testa domani

  3. #3
    ma come si fa a tenere fissa la pagina e cambiare solo l'area delle immagini? ovviamente senza usare flash! c'è un modo?
    grazie

  4. #4
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777
    Originariamente inviato da gioss__77
    ma come si fa a tenere fissa la pagina e cambiare solo l'area delle immagini? ovviamente senza usare flash! c'è un modo?
    grazie
    Lightbox!

  5. #5
    Ma con lightbox la foto si sovrappone alla pagina, è tutt'altro risultato grafico. Nell'esempio postato le immagini vengono visualizzate all'interno della stessa pagina web. Altre idee?

  6. #6
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    non è un effetto particolarmente complicato

    hai 6 immagini posizionate in modo da essere sovrapposte, in cui la prima è visibile e le altre nascoste

    in primo piano hai una lista di link, anch'essa posizionata con z-index maggiore rispetto alle foto

    quando clicchi su un link per visualizzare una foto fai un fadeout della foto corrente e un fadein della foto che hai scelto. fadein e fadeout lo realizzi cambiando l'opacità dei contenitori delle varie immagini

    Se usi una libreria come jquery e pianifichi bene il markup, in meno di 30 minuti si realizza lo script senza complicazioni particolari.
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.