*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
*Lightbox 2: fantastico javascript per la visualizzazione delle immagini *Lightbox 2: fantastico javascript per la visualizzazione delle immagini Reviewed by Amsis on 14:40 Rating: 5

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. 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
  6. 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
  7. 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
  8. 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