JSKelly

JSKelly to javascript, który zajmuje się prezentacją zdjęć, np. w galeriach. Pozwala na łatwe przeglądanie oraz włączanie pokazu slajdów (slideshow).

przykład działania:

Jest równie łatwy w obsłudze po stronie użytkownika jak i po stronie webmastera. Wystarczy tylko pobrać skrypt główny jskelly i wstawić go w sekcję head strony:

	<script type="text/javascript" src="jskelly.js.gz"></script>

następnie do linków zdjęć umieszczonych w kodzie html w postaci:

	<a href="duze_zdjecie.jpg" rel="jskelly">
		<img src="miniatura_zdjecia.jpg" alt="fota 1" />
	</a>

dopisac rel="jskelly" do znaczników a. Taki zapis pozwoli na otwieranie zdjęć nawet jeśli przeglądarka użytkownika nie będzie interpretować javascriptu.

Można także używać skryptu jskelly do otwierania dowolnych zdjęć po wykonaniu dowolnej javascriptowej akcji.
Służy do tego funkcja

jskelly_open (url,text)

gdzie:

• url - adres do zdjęcia
• text - opis do zdjęcia - niewymagany

Istnieje możliwość zdefiniowania niektórych domyślnych ustawień samodzielnie.
Do dyspozycji są takie zmienne jak:

• nIntervalTime - [milisekundy] czas przejścia miedzy zdjęciami w pokazie slajdów
• sLeftMenuImg - [url] ścieżka do obrazka menu z lewej strony (200x20 px)
• sLeftMenuImgInd - [url] ścieżka do obrazka menu z lewej strony (200x20 px) - wersja slideshow
• sCloseImg - [url] ścieżka do obrazka menu z prawej strony (zamykającego) (200x20 px)
• sAjaxLoader - [url] sciezka do loadera
• bShowDescription - [false/true] czy opis pod zdjęciem wzięty ze znacznika alt ma być pokazany
• bShowSwitchThumbs - [true/false] po najechaniu na prawy lub lewy brzeg otwartego obrazka pozwala na podgląd następnego lub poprzedniego zdjęcia oraz przełączanie się na to zdjęcie

W tym celu przed dołączeniem skryptu jskelly należy umieścic następujący kod [z potrzebnymi zmiennymi]:

	<script type="text/javascript">
		var nIntervalTime = 3000;
		var sLeftMenuImg = 'img_left.gif';
		var sLeftMenuImgInd = 'img_left2.gif';
		var sCloseImg = 'img_right.gif';
		var sAjaxLoader = 'ajax-loader.gif';
		var bShowDescription = true;
		var bShowSwitchThumbs = true;
	</script>
	<script type="text/javascript" src="jskelly.js.gz"></script>

Najnowszą wersję skryptu (jskelly 0.98 - 09.08.2008) można pobrać tutaj: jskelly 0.98
(plik jest spakowany za pomocą archiwum gz i nie trzeba go rozpakowywać przed włączeniem do kodu)

JSKelly korzysta z biblioteki mootools

wszelkie pomysły i sugestie można zgłaszać na forum

Historia zmian:

• 2008.08.09 - wersja 0.98 - po najechaniu na prawą lub lewą stronę otwartego obrazka dodany widok miniatur następnego i poprzedniego zdjęcia (opcja bShowSwitchThumbs), poprawionych kilka drobnych błędów
• 2008.07.26 - wersja 0.97 - dodana funkcja jskelly_open() (patrz wyżej), poprawione wyświetlanie podczas ładowania kolejnego/poprzedniego zdjęcia
• 2008.02.18 - wersja 0.96 - dodany efekt do opisu zdjęcia; lepsze wyświetlanie zdjęć większych od rozdzielczości ekranu
• 2008.02.09 - wersja 0.95 - dodanie możliwości definiowania opisu wyświetlanego pod zdjęciem (z atrybutu alt obrazka)
• 2008.02.06 - wersja 0.9 - poprawiony błąd przesuwania strony do góry oraz pozycjonowania zdjęcia w pionie
• 2008.01.30 - wersja 0.85 - poprawione wyświetlanie dużych zdjęć oraz ładowanie przycisków
• 2007.12.30 - wypuszczona wersja 0.8 przetestowana na Firefoxie 2.0.0.11, Operze 9.25 i Internet Explorerze 6