Slimbox är en 7kb visuell klon av det populära Lightbox JS v2.0. Den var avsedd att vara liten, effektiv, bekvämare och 100% kompatibel med den ursprungliga ljus v2.
Det finns tre versioner tillgängliga för MooTools 1.1.x, MooTools 1.2.x och jQuery 1.2.6+.
Ur funktionell synvinkel, har Slimbox följande nya funktioner jämfört med den ursprungliga ljusbord:
- Slimbox är redo att starta så snart dokumentet är färdigt. Detta innebär att du inte & rsquoen; t måste vänta på att alla bilder på sidan som ska laddas innan du klickar på en länk lansera ljuseffekten.
- Den vänstra och höger piltangenter kan användas för att navigera genom bilderna, och ESC kan användas för att stänga Slimbox (Varning: i Mozilla webbläsare, är ESC också användas för att stoppa GIF-bilder från animera).
- Den mörk bakgrund overlay kan klickas någonstans att stänga Slimbox, även på de delar som sitter på vänster och höger om bilden.
- Manuset är mer robust; till exempel kan du försöka starta-stop Slimbox mycket snabbt att avbryta animeringen sedan återuppta den och du segrade och rsquoen; t märker någon bugg som i den ursprungliga ljus där ibland animeringen stannar eller bildtexterna är felaktigt storlek.
- Slimbox tillfälligt hudar flash-animationer och andra inbäddade videoklipp medan det är öppet för att undvika visnings buggar i vissa webbläsare.
- Slimbox kan startas från den traditionella bilden länkar i sidan som den ursprungliga ljus, men också direkt från ett Javascript samtal med en speciell metod.
Ur designsynpunkt, är Slimbox skiljer sig mycket från ljusbord:
- Koden har varit helt omskriven med tanke på effektivitet för mootools ram i stället för den enorma prototyp / Scriptaculous. Skriptet i sig är så liten som 7kb (okomprimerad).
- Den Slimbox CSS är enklare och 100% giltiga (inga fler CSS-hack). Dessutom är alla bilder som används av Slimbox anges i CSS i stället för Javascript så är det lättare att styla.
- Slimbox inte använder 1 pixel transparent gif bild som behövs av ljus.
Och naturligtvis har det testats i alla moderna webbläsare: Firefox, Internet Explorer 6, Opera 8, Safari 1.3 och Camino. Det är inte förenligt med den gamla Internet Explorer 5.5 och kommer aldrig att bli
Vad är nytt i den här versionen.
- bakåt kompatibla fix för jQuery 1.9 och 2.0.
- Borttagen föråldrade Android Market extra skript.
Krav :
- v1.5.8 kräver MooTools 1.1 eller högre
- v1.7.1 kräver MooTools 1.2 eller högre
- v.2.0.3 kräver jQuery 1.2.6 eller senare
Kommentarer hittades inte