Enkel, Lätt, Cross Browser album för din webbsida
Inte för att det finns bara ett fåtal album är att du kan hitta när du google. Problemet med de flesta av de ljusbord som jag fann var att de alla verkade använda det ena eller andra tunga vikt ramar JavaScript som jQuery, Prototype MooTools och liknande. De är alla svala och flott söker. Men om ditt krav är "men jag vill ha en enkel och lätt Lightbox script för min sida", så här är det;
Några trevliga funktioner i ljusbord
- Mycket lätt
en. 4KB av manus när packade (8 kb packas upp)
b. 2 kb av CSS
c. Få rader HTML för ljusbord behållaren - Enkel att förstå och tillämpa
- Kan ha flera Ljusbord på samma sida.
- Samma ljusbord behållaren används för att visa, olika innehåll (som separat ingår som dolda divisioner i sidan), beroende på länken / alternativ som klickas.
- Automatiskt centreras, med hänsyn till alla faktorer såsom Fönster höjd och bredd (skärmupplösning), sidan bläddra belopp och höjden på innehållet i ljusbord
- Testad i IE 7 & FF
Visa Demo |
Ladda ner Lightbox Källa Zip (Nedladdat 1808 gånger)
Använda Lightbox [filerna i zip-filen]
jo.js och jo_pack.js [packat version]: - en enkel uppsättning JavaScript-objekt [JO], som innehåller element, fönster och dokumentera skript positionering. Du kan öppna JO.JS om du vill få händerna smutsiga med några avancerade Javascripting, skapa abstrakta funktioner, sträckande element egenskaper och liknande. Om du inte för mycket i Javascripting, låta bli.
lightbox.js, lightbox_pack.js [packad version] - innehåller ljus skript låda manager. Om du är sidkonstruktör ansvarar också med att genomföra ljusbord på sidan, måste du förstå LightBoxManager. LightBoxManager innehåller i princip bara två funktioner showLightBox och closeLightBox.
lightbox.css: - Om du vet CSS, kan du spela runt med lightbox.css för att anpassa utseendet-n-känner lightbox.css
index.html: Exempel genomförandet av ljusbord med två olika innehåll
lb_underlay_bkg.png: - Detta är lätt / lik genomskinlig bild som används bakgrunden till ljusbord underlaget [underlaget är lagret under lighbox, som hindrar användaren från att klicka någon annan enhet på sidan, medan ljusbord är öppen]. Man kan använda vilken bild eller en fast färg för detta ändamål, beroende på den sida konstruktion och kravet.
icon_lb_close.gif: - Bilden av nära ljusbord handtag högst upp till höger i ljuslåda. Kan använda valfri bild som per design
Visa Demo |
Ladda ner Lightbox Källa Zip (Nedladdat 1808 gånger)
Låt oss ha dina kommentarer och feedback ...
