Semplice, leggero, Lightbox Browser Croce per la tua pagina web
Non che ci sono solo pochi LIGHTBOX che si può trovare quando si google. Il problema con la maggior parte delle lightboxes che ho trovato era che tutti sembravano di utilizzare una o le altre strutture pesanti di peso JavaScript come jQuery, Prototype, MooTools e simili. Sono tutti freschi e swanky cercando. Ma se la vostra esigenza è "MA VOGLIO A SCRIPT LIGHTBOX semplice e leggero Per il mio sito", eccola qui;
Alcune caratteristiche interessanti di questa raccolta
- Molto leggero
uno. 4kb di script quando confezionate (8 kb scompattato)
b. 2 kb di CSS
c. Poche righe di codice HTML per il contenitore lightbox - Semplice da capire e da attuare
- Può avere Lightbox multipli sulla stessa pagina.
- Il contenitore lightbox viene utilizzato lo stesso per mostrare, contenuti diversi (che è incluso come parte divisioni nascosti nella pagina), a seconda del link / opzione che viene cliccato.
- Centra automaticamente, prendendo in considerazione tutti i fattori, quali, l'altezza e la larghezza Window (risoluzione dello schermo), l'importo pagina di scorrimento e l'altezza dei contenuti del lightbox
- Testato in IE 7 e FF
Visualizza Demo |
Scarica Fonte Zip Lightbox (Scaricato 1806 volte)
Utilizzando il lightbox [file nel file zip]
jo.js e jo_pack.js [versione imballato]: - un semplice insieme di oggetti JavaScript [JO], che contiene elementi, finestra e gli script di posizionamento dei documenti. È possibile aprire JO.JS se si vuole sporcarsi le mani con un po 'Javascripting avanzata, creazione di funzioni astratte, estendendo le proprietà degli elementi e così via. Se non è troppo Javascripting, Lascia stare.
lightbox.js, lightbox_pack.js [versione packed]: - contiene luce gli script del gestore della scatola. Se siete di progettazione delle pagine, anche responsabile di attuare il lightbox nella pagina, è necessario comprendere la LightBoxManager. LightBoxManager showLightBox contiene sostanzialmente solo due funzioni e closeLightBox.
lightbox.css: - Se conosci il CSS, è possibile giocare con lightbox.css per personalizzare il look-n-feel lightbox.css
index.html: Esempio di implementazione della raccolta con due contenuti diversi
lb_underlay_bkg.png: - Questa è la luce / simi un'immagine trasparente che viene utilizzato lo sfondo per il sottofondo lightbox [Underlay è lo strato al di sotto del lighbox, che impedisce all'utente di fare clic qualsiasi altra entità sulla pagina, mentre il lightbox è aperta]. È possibile utilizzare qualsiasi immagine o una tinta unita per questo scopo, a seconda del design della pagina e il requisito.
icon_lb_close.gif: - L'immagine per maniglia lightbox stretta in alto a destra della finestra di luce. Possibile utilizzare qualsiasi immagine come da disegno
Visualizza Demo |
Scarica Fonte Zip Lightbox (Scaricato 1806 volte)
Vi preghiamo di farci avere i vostri commenti ...
