mslonik.pl

http://www.digitalia.be/software/slimbox2

Wstęp

Slimbox 2 to koło 4 KB kodu, który jest klonem popularnego efektu graficznego Lightbox 2, czyli skryptu stworzonego przez Lokesh Dhakara. Slimbox2 został napisany z wykorzystaniem biblioteki javascript o nazwie jQuery.Jest mały, wydajny, przyjazny dla użytkownika, daje się dopasować do potrzeb użytkownika dzięki bogatemu zestawowi argumentów oraz w 100% kompatybilny z oryginalnym Lightbox 2.

Funkcje

W porównaniu z oryginalnym skryptem Lightbox skrypt Slimbox 2 został wyposażony w następujący zestaw funkcji:

• Slimbox daje się wywołać natychmiast po zakończeniu edycji dokumentu. Oznacza to, że nie musisz czekać na wszystkie obrazki dostępne na twojej stronie zanim będziesz mógł kliknąć na pierwszy z obrazków by wywołać efekt Lightbox.
• Slimbox potrafi wycentrować obrazki w pionie, nie tylko w poziomie. Możliwe jest także przewijanie galerii w pionie.
• Działa wspaniale na stronach wymagających przewijania w poziomie.
• Po wywołaniu tymczasowo ukrywa animacje flash oraz inne osadzone obiekty by uniknąć wyświetlenia błędów w niektórych przeglądarkach. Podobnie ukrywa opcje wyboru w Internet Explorer 6.
• Wykorzystanie specjalnej opcji ("loop") pozwala na przewinięcie galerii pomiędzy pierwszym i ostatnim obrazkiem tworzącym galerię.
• Slimbox szybciej reaguje na działania użytkownika; można go błyskawicznie w dowolnym momencie zamknąć, tak za pomocą myszy jak i klawiatury oraz błyskawicznie przejść do dowolnego obrazka zanim właśnie wyświetlany obrazek w pełni się załadował lub skończyła się wyświetlać animacja.
• Skrypt jest bardziej odporny; na przykład użytkownik może spróbować rozpocząć lub zakończyć Slimbox lub bardzo szybko przechodzić między obrazkami, przerywając wyświetlanie animacji i nie będą widoczne żadne z problemów, które posiadał oryginalny Lightbox, takie jak zatrzymanie animacji, lub złe wypozycjonowanie zdjęć, czy zły dobór ich rozmiaru.
• Slimbox może być wywołany za pomocą tradycyjnego łącza obrazka z kodu strony, tak jak oryginalny Lightbox, ale może również być wywołany za pomocą skryptu Javascript wykorzystującego jego API.

Z punktu widzenia programisty Slimbox 2 istotnie się różni od Lightbox:

• Kod został szalenie zoptymalizowany i został napisany od podstaw z myślą o wydajności, z zastosowaniem biblioteki jQuery zamiast ogromnych Prototypów / Skryptogigantów. Sam skrypt to zaledwie 4 kb (po zmniejszeniu, bez kompresji).
• Slimbox może być prawie dowolnie dopasowywany do potrzeb użytkownika dzięki licznym parametrom. Można zmienić czas trwania dowolnego efektu, przetłumaczyć tekst, zmienić przyciski służące do nawigacji.
• Slimbox ma znacznie bogatsze API, które pozwala na łatwe użycie efektu Lightbox z dowolnym elementem interfejsu, który można kliknąć myszą lub wywołać z poziomu dowolnego skryptu. Przykładowo może zostać w łatwy sposób zintegrowany z łączami prowadzącymi do stron Flickr lub albumów zdjęć Picaca Web Albums lub innych galerii zdjęć wykorzystujących javascript.
• Arkusze stylów CSS są prostsze i w 100% zgodne ze standardami (bez użyciaj trików CSS). Każda graficzna cecha Slimboź (nie wyłączając obrazków) została określona w arkuszu stylów CSS zamiast w skrypcie Javascript więc tworzenie stylów jest prostsze. Użytkownik może nawet zmienić rozmiar dowolnej ramki bezpośrednio w arkuszu stylów CSS i Slimbox będzie wciąż działał poprawnie, co oznacza że nic nie zostało na sztywno wpisane w samym kodzie.

Więcej szczegółowych informacji o slimbox2 czytelnik może znaleźćna stronie domowej Christophe'a Beylsa.

Karol Domagała z zespołu mslonik.pl dodał w wersji 2.05 następujące nowe parametry:

• We wcześniejszych wersjach skryptu slimbox2 wykorzystywane były specjalne małe obrazki (pliki graficzne) obrazujące przycski 'następny', 'poprzedni' i 'zamknij'. Od wersji 2.05 użytkownik może użyć zamiast plików obrazków nowo dodanych parametrów: 'nextImageLbText, 'prevImageLbText', 'closeLbText', 'counterText'.
• Domyślny arkusz stylów CSS został nieznacznie zmodyfikowany, dzięki czemu powyższe łańcuchy tekstowe są półprzezroczyste.

Kod źródłowy slimbox2 w wersji 2.05 jest do pobrania tutaj.

Jednym z najważniejszych zastosowań nowego slimbox2 w wersji 2.05 to autorska galeria Joomla! o  nazwie YASIG, ale to już zupełnie inna historia...