Visita <a href="http://www.liquida.it/" title="Notizie e opinioni dai blog italiani su Liquida">Liquida</a> e <a href="I widget di Liquida per il tuo blog">Widget</a>

Futurebox: Lightbox Senza Javascript!

24 giugno, 2009 Pubblicato da fedeweb

Hai presente l’effetto lightbox? Ormai lo si vede praticamente in tutti i siti internet dove ci sono delle immagini, e infatti per uscire dalla monotonia sono stati implementati altri script altrettanto efficaci (se ti interessa quali alcuni li troverai in articoli javascript).

Come ben sai l’utilizzo di Lightbox necessita dell’utilizzo di javascript, per ottenere l’effetto gradevole che tutti conosciamo.

Cssninja è riuscito a trovare un’alternativa utilizzando solamente codice HTML e CSS.

futurebox

Per capire meglio di cosa si tratta guarda questo esempio.

L’effetto è meno gradevole rispetto all’utilizzo di lightbox, ma quello che devi notare sono le potenzialità di CSS3 che permette di ottenere effetti questo tipo.

Ovviamente funziona con tutti i browser tranne con……Internet Explorer! (ma che novità vero?)

Come ha fatto a realizzarlo lo lascio scoprire a te nell’articolo originale.

Se hai delle richieste particolari chiedimi pure nei commenti!

Ti è piaciuto l'articolo? Se non vuoi rischiare di perderti i prossimi articoli tieniti aggiornato con i feed RSS o seguimi su twitter e facebook!

Se non sai cosa sono, guarda questo video Ora non sai come abbonarti? Guarda questo video

Inoltre potrai seguirmi su twitter, facebook o friendfeed!

Articoli simili che potrebbero interessarti

css3jquery
Tutorial Jquery: Incredibile Gallery Fotografica Jquery e CSS3

Per la serie di articoli SideTuts, oggi ti segnalo una fantastica gallery basata su Jquery e CSS3. Il tutorial, realizzato da Tutorialzine, è...

dropdownmenu
Tutorial Jquery: Gestire Grandi Menu Drop Down Con Css e Jquery

A volte può capitare di dover realizzare siti costituiti da molte pagine, con la conseguente difficoltà nel realizzare un menu di navigazione...

menujquery
Tutorial Jquery: Creare Un Menu Elastico Con Delle Immagini

Dopo tanto tempo su Fedeweb ritornano i tutorial su jquery, dove in passato abbiamo visto come realizzare degli slideshow di immagini, realizzare...

7 commenti a “Futurebox: Lightbox Senza Javascript!”

  1. ennio scrive:

    mah… il lightbox resta comunque di un altro livello.

  2. fedeweb scrive:

    Si si certo..infatti questa vuole essere solo una dimostrazione di cosa si può fare solamente con HTML e CSS3, senza l’utilizzo di javascript.

  3. Purtroppo rompe la funzionalità del back da browser :(

    Tecnica acerba, ma sicuramente interessante. Non vedo l’ora di osservare sempre più hack di questo tipo :)

  4. Emanuela MTA scrive:

    Tecnica interessante senz’altro, ma ci vorrà tempo prima che i CSS3 prendano piede completamente, se ne parla già da molto, ma a quanto pare il W3C non si decide a mettere fine alla parola DRAFT… o mi sbaglio???

    Beh per quanto riguarda Explorer, vabbè ma serve commentare, ragazzi?

  5. Ryan scrive:

    Grazie per il link, sto utilizzando un traduttore per commentare questo modo si spera che abbia senso.

  6. fedeweb scrive:

    @Francesco: si ci sono ancora dei problemi, come il back del browser e il fatto che con internet explorer non funzioni, ma non è ancora standard w3c, quindi secondo me tra un po’ di tempo se ne vedranno delle belle!

    @Emanuela: si hai ragione, non è ancora uno standard; speriamo lo diventi presto!

    @Ryan: your welcome! your comment is written correctly! ;) (sorry for my English, i’m not using a translator….) :)

Lascia un commento