*Lightbox 2: fantastico javascript per la visualizzazione delle immagini - Amsis

highlight

Post Top Ad

venerdì 5 dicembre 2008

*Lightbox 2: fantastico javascript per la visualizzazione delle immagini

Update: dopo aver scritto questo post Iole aveva notato che il blog non veniva più digerito con IE.
Detto che lo script funziona benone su IE e che il problema risiede in un qualche conflitto con le pagine del mio blog, ho provato ad indagare ma la faccenda era piuttosto lunga così ho desistito.
Ieri però Iole ha scritto un nuovo post sull'argomento dove di fatto rimanda ad un altro script molto simile: Lytebox il cui codice deriva direttamente da quello di Lightbox con un paio di importanti differenze: funziona anche su questo blog ed elimina le dipendeze da altre librerie. Permette in più anche di visualizzare le foto come uno slideshow.
Le immagine a fine post ora fanno uso di Lytebox.
Per il resto il confermo il contenuto del post :)


La giornata è iniziata male ma ha avuto un momento di soddisfazione quando, per caso, ho ritrovato su un sito Lightbox 2, uno script che avevo visto tempo fa e che non sono più riuscito a ritrovare fino ad oggi.
Questo script, con l'ausilio di Prototype Framework e la libreria degli effetti di script.aculo.us, permette di visualizzare in maniera professionale le immagini su una pagina web. Lo trovo stilisticamente molto accattivante ed offre il vantaggio di poter aprire immagini di ampie dimensioni sovrapponendole alla pagina, senza interferire con il layout ed avvantaggiando la navigabilità.
Il pacchetto pesa 238 kB (immagini di navigazione comprese)... non è leggerissimo ma si può fare!
Sulla home page del sito ci sono tutte le spiegazioni per una corretta installazione.

Per provarlo sono costretto a postare... quindi vediamo un po' come funziona!
Pare che va... ci mette un po' a caricare però l'effetto mi piace!

...

Come non detto! Iole mi fa notare che su IE si pianta. Non me ne ero accorto (e chi lo usa?)! Lo script cmq funziona su IE. E' sul mio blog che deve entrare in conflitto con qualche altra cosa.
Per ora lo disabilito ma in generale è funzionante.
Appena un po' di tempo cerco di capirci qualcosa!

Ecco alla prova Lytebox (e non più Lightbox...)


link | Lightbox 2
link | Lytebox

11 commenti:

  1. Veramente carino!
    Ma hai provato se funziona su tutti i browser???
    Io ho provato con Internet Explorer 7 e ho questo errore sia con XP che con Vista.
    Cliccando su OK si chiude la pagina.
    Con Firefox e Chrome invece non ho problemi.

    RispondiElimina
  2. Ecco vedi? Agli altri sistemi le cose (vedi commenti al tuo post)... a me crei solo casini :PPPP

    RispondiElimina
  3. Prima mi dici che sono la tua beta tester preferita e ora che combino casini! :'(

    RispondiElimina
  4. E anche questo problema l'ho risolto!!!

    RispondiElimina
  5. risolto... diciamo aggirato!

    RispondiElimina
  6. Il conflitto, almeno nel mio caso è con lo script dei "lettori fissi"
    eliminando quello lightbox funziona alla grande.
    Il "problema" è che io non voglio eliminarlo!!!!
    Come posso fare?
    Tenete presente che sono su piattaforma blogger (blogspot).

    Se potete help me!
    In ogni caso grazie lo stesso!!!

    RispondiElimina
  7. Devo dire che non ho potuto mai dedicarci molto tempo ed anche io avevo provato ad eliminare, di volta in volta, uno script per capire quale era a dare conflitti.

    Io direi che potresti provare ad utilizzare Lytebox che è cmq derivato da Lightbox2 e ti offre le stesse funzionalità (anche qualcosina in più come lo slideshow) mantenendo la stessa sintassi.

    RispondiElimina
  8. amsis grazie per la risposta supersonica.
    Cosa vuoi dire "mantenendo la stessa sintassi"?...scusa la domanda, ma sono un dilettante...ed è una settimana che sto cercando di imparare prendendo info da persone disponibili come te.
    Non potendo hostare i .js mi trovo a dover inserire il codice in [modifica html] prima del tag di chiusura [/head] e inserendo il [rel=] direttamente nei post; sperando di non aver scritto delle enormi baggianate, come posso passare a lytebox?
    tnx

    RispondiElimina
  9. Per abilitare le img con LightBox devi inserire nel tag 'a'

    rel="lightbox"

    mentre con Lytebox:

    rel="lytebox"

    In questo senso la sintassi è simile.
    Per quanto riguarda il tuo problema direi che sarebbe meglio se tu riuscissi a trovare dello spazio gratuito sul quale inserire i tuoi file (e le img). L'importante e che poi tali file siano raggiungibili con un link diretto.
    Io uso il mio vecchio spazio Tiscali ma non dovresti avere problemi a trovarne altri.
    La tua soluzione di inserire il codice js direttamente nella pagina è cmq percorribile... fra l'altro Lytebox utilizza un unico file e questo dovrebbe renderti la vita più semplice che con Lightbox.

    Purtroppo ho appena visitato il sito di Lytebox e vedo che il progetto non verrà più mantenuto... peccato. Cmq ancora funziona ;)

    RispondiElimina

Post Top Ad