Logo Blogo

Visualizzare immagini con stile

Pubblicato: 22 giu 2006 da Cristian

Come visualizzare immagini con stile, javascript e poca faticaVolete visualizzare delle immagini in un sito con molto stile e poca fatica? Se la risposta è sì vi propongo tre possibilità.

LightBox JS, ora alla seconda versione, è il più conosciuto: permette di visualizzare immagini che si sovrappongono alla pagina attuale, senza richiedere il ricaricamento della stessa.
Ha dei bellissimi effetti di fade in e out, può gestire sia foto singole che gruppi di foto, grazie ai comandi che appaiono per muoversi avanti e indietro.
Utilizza le librerie Prototype e Scriptaculous.


Thickbox ha le stesse funzionalità della prima versione di Lightbox: utilizza la libreria jQuery e permette di visualizzare dei box che possono visualizzare immagini e testo.
Si può creare anche un box per il login.

Ispirato dai primi due nasce iBox realizzato senza l’utilizzo di librerie esterne: può caricare immagini, pagine html esterne e inline div, avendo sempre un occhio di riguardo per chi non utilizza Javascript.
E’ previsto infatti che possa funzionare anche con Javascript disattivato.

Pur se nelle demo non ho visto utilizzarlo per le immagini vi segnalo infine anche GreyBox, da provare per i vostri popup.

1 stelle2 stelle3 stelle4 stelle5 stelle (nessun voto)
condividi condividi
6 commenti

Commenti dei lettori

(Inserisci un commento - Nascondi commenti anonimi)
  • giobba

    23 giu 2006 - 07:16 - #1
    0 punti
    Up Down

    GRAZIE! avevo visto questo sistema x vedere le immagini su diversi siti e l’ho sempre trovato bellissimo, ma non mi son mai dato la pena di cercare se fosse liberamente a disposizione.

    Ora grazie al vostro post posso usarlo anch’io.

    Siete proprio in gamba!

  • Profilo di Cristian Conti

    Cristian Conti

    23 giu 2006 - 08:14 - #2
    0 punti
    Up Down

    ..come usare AJAX senza averne una idea. :)2.0

  • Profilo di Tom

    Tom

    23 giu 2006 - 08:57 - #3
    0 punti
    Up Down

    La segnalazione è utile, ma va detto anche il peso dei vari javascript! La versione 2.0 di Lightbox tra script e files vari occupa quasi 100kb, decisamente troppo: molto meglio Thickbox o ancora meglio iBox che pesa solo 11kb :)

  • 0 punti
    Up Down

    […] Chi vuole un design della pagina più elaborato e raffinato, può trovare sul blog di Paul van Roeckel, una serie di template da aggiungere a quelli di Picasa per creare le pagine web con le gallerie di foto: questi template utilizzano anche piccole librerie grafiche come Lightbox e simili, per rendere la vostra galleria un piacere da osservare ancor prima di aver visto le foto. […]

  • Sarnico

    18 nov 2010 - 23:40 - #5
    0 punti
    Up Down

    Ringrazio per l’ottimo consiglio che sto per mettere in pratica

  • Tobia Alberti

    28 set 2011 - 17:28 - #6
    0 punti
    Up Down

    sto cercando di costruire un blog di fitigrafia e cercando un programma per visualizzare le foto ho trovato questo articolo..

    Però non riesco a seguire i passi nella guida di Lightbox 2..
    Non so dove inserire i codici javascript e quelli css..
    E non riesco a capire come attivare il tutto..
    Il blog è BLOGGER.

    Qualcuno sarebbe così gentile da spiegarmi piuttosto dettagliatamente la procedura di istallazione??

    Grazie mille ;)

L'email è richiesta ma non verrà mostrata ai visitatori.
Commenta questo articolo

Registrati per riservare il tuo nickname preferito su tutti i blog di Blogo e per caricare il tuo avatar. Se sei già registrato, effettua il login per usare il tuo nickname.

Si No
I commenti sono sottoposti alle linee guida per la moderazione.

Anteprima del commento