Fw

Wordpress Creative Developer

Futurebox: Lightbox Senza Javascript!

  • Html Css
  • -

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!

8 Commenti

  1. mah… il lightbox resta comunque di un altro livello.

  2. 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. 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. Grazie per il link, sto utilizzando un traduttore per commentare questo modo si spera che abbia senso.

  6. @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….) 🙂

  7. […] Futurebox: Lightbox Senza Javascript! 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 ). blog: Fedeweb | leggi l'articolo […]

Scrivi un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *