ShadowBox
Martedì 29 Gennaio 2008 - 10:52
di Riccardo Degni
Come tutti sapete, dopo Lightbox, disegnata in principio per funzionare con Prototype, sono uscite davvero tante versioni dalle caratteristiche simili, ma per differenti framework, come MooTools e jQuery.
La soluzione che segnalo, chiamata ShadowBox, è un’applicazione molto simile, ma permette di caricare, oltre alle immagini, anche video (SWF, avi, mov e cosi via), iFrame e contenuti provienienti da fonti esterne (quali YouTube e Google Video, ad esempio).
Inoltre, come l’autore sottolinea, può essere integrata facilmente in molte delle principali librerie, non essendo legata ad alcuna in particolare (library agnostic).
Per vederla in azione ci sono moltissime demo, anche se in qualcuna ho riscontrato diversi bug (ShadowBox è ancora in versione di “beta testing”).
Negli esempi di utilizzo viene utilizzata con il framework YUI, ma è sufficiente inizializzarla al caricamento della pagina, richiamando il metodo Shadowbox.init(), e anche con qualsiasi altro framework tutto dovrebbe funzionare come nell’esempio ufficiale.
Categoria: Scripting | Permalink
Commenti
1
Personalmente la trovo fantastica!
Sono affascinato dalla completezza e versatilità di questa soluzione. Al momento io non ho riscontrato bug, ma in ogni caso una volta stabile, credo che possa tranquillamente bagnare il naso ai vari Lightbox, Moobox, ModalBox, ecc…
# - postato da Luca - 29 Gennaio 2008 - 11:39
2
Absolutely fantastic!
Davvero completo e ottimamente curato dal punto di vista dell’usabilita`.
3
le cose che fa shadowbox le faceva già da mesi lightwindow (http://stickmanlabs.com/lightwindow/index.html#demos) :)
su firefox mac os x da diversi problemi
# - postato da saintpumpkin - 29 Gennaio 2008 - 12:11
4
Ho visto anche l’ultimo esempio postato. Sembrano praticamente la stessa cosa anche dal punto di vista del sito di presentazione. Qualcuno conosce le differenze? Pregi, difetti?
# - postato da Luca - 29 Gennaio 2008 - 13:28
5
il primo che fa il plugin per wordpress vince :D
6
davvero fantastico, ottime anche le preview sulle animazioni flash.
grazie
7
Ho vinto!
Ho scritto il plugin per wordpress.
Mi serve che lo testiate, a me funziona alla grande.
lo trovate qui: http://www.ushoshunch.it/?p=13.....6
8
Ciao tutti. Sono io che l’ho scritto. Sono contento che vi piace… ;)
saintpumpkin e Luca: E’ scritto nella sezione “Credits” della pagina degli esempi che Lightwindow e’ stato davvero un’ispirazione per me. Pero’, Shadowbox e’ diverso perche’ si puo usarlo con qualsiasi framework che vuoi. Cosi’, quando lo usi, non sei legato ad un framework particolare. Quindi, se vi piace usarlo con MooTools…va bene. jQuery? Va bene lo stesso. Anche, per chi non ha un plugin da poter vedere il vostro file (QuickTime, Windows Media Player, etc.), gli sara’ presentata un bel messaggio di errore che gli dice dove puo’ scaricare il plugin necessario. E’ piu’ bello cosi’. Ci sono tante altre cose che lo fa diverso, pero’ non scrivo Italiano molto bene e ci vuole un’anno per spiegare. ;) Communque, sono tutti spiegati sul mio site.
# - postato da Michael Jackson - 29 Gennaio 2008 - 23:51
9
Forse il precedente commento è finito come spam,
comunque sono riuscito a mettere shadowbox in un plugin.
10
Chiedo scusa ma non riesco ad utilizzare la shadowbox associata alla libreria prototype + scriptaculous … cioè fatte tutte le inclusioni del caso, come faccio ad inizializzare la shadowbox, ovvero a richiamare il metodo Shadowbox.init()???
Grazie
# - postato da Antonio - 31 Gennaio 2008 - 11:47
11
prova ad esempio cosi:
Event.observe(window, ‘load’,(function(){
var options = {
resizeLgImages: true,
displayNav: true,
handleUnsupported: ‘remove’,
keysClose: [’c', 27] // c or esc
};Shadowbox.init(options);
}));
# - postato da josh - 01 Febbraio 2008 - 11:35
12
Ciao,
io non sono riuscita a far aprire con rel=”shadowbox” una pagina html interna al mio sito, che non finisca in .html.
Ho una struttura di link SEO compliant tipo : http://nomesito.com/chi-siamo
e così non riesce ad aprirla (neanche con ?tipo=.html)
lo stesso link shadowbox se chiama un link con la stessa struttura di permalink ma di un sito diverso lo apre senza problemi.Avete suggerimenti?
# - postato da giovanna papetti - 04 Febbraio 2008 - 16:18
13
questo è un esempio dell’applicazione di shadowbox in una pagina web: http://www.barbiecummings.tv
# - postato da protomung - 29 Luglio 2008 - 16:29
14
si, è bello, ma su firefox, nn mi carica più un filmato flash che avevo nell'’header…come mai?
il link se lo volete vedere è http://www.arredamenti-csc.it/.....Prova2.asp# - postato da massimiliano - 01 Agosto 2008 - 10:48
15
Salve a tutti l effetto è molto bello ma per caso qualcuno sa come utilizzare tale shadowbox in flash? dovrei creare una mappa cliccabile dove ovviamente parte l effetto in questione, ovviamente tutto questo deve esser applicato in una pagina web. il mio problema è che funziona quasi tutto ma non mi carica l immagine…per maggiori info guardate qua http://www.flytosalento.com/g_.....nrise.html capirete al volo.
16
Salve a tutti sto cercando tutorial che spieghi come implementgare shadow box in un sito flash di modo che da un tasto del filmato possa far partire SB…potete aiutarmi??? meglio se in italiano….
# - postato da ugo - 28 Novembre 2008 - 16:41
17
per chi cerca di attivare SB da flash…
http://www.mjijackson.com/shad.....c/faq.html
# - postato da ugo - 01 Dicembre 2008 - 11:07
18
Ragazzi o un problema con il plugin Shadowbox JS. Il plugin con il sito funziona a meraviglia!! pero i problemi arrivano con l’editor di WordPress!! praticamente non funziona più l’inserimento delle immagini,video ecc. A voi succede??? avete già provato ad inserire immagini con l’editor mentre avete il plugin attivo???? sapete una soluzione per non dover disattivare l’ottimo plugin?? grazie ;)
# - postato da FX53 - 25 Marzo 2009 - 20:47