css и сама функция в демке, иконки там же (белые и черные), лоадер один (вроде), где найти другие - знаете))
инструкция:
1 - все ссылки с картинками обозначаем одним классом, чтоб на другие не зарился… ссылка на большое изображение непосредственно в хрефе…
пример:
<a href="img/66905.jpg" class="showimg">66905.jpg</a>2 - кнопочками "влево" и "вправо" листает все картинки найденные на странице (которые пометили классом)… так же листать можно стрелками клавы ← и →
3 - закрыть окно можно кликом на кнопку "закрыть" (по дефолту скрыта), кликом вне картинки, или кнопкой Esc…
настройки:
$('a.showimg').jImg({
overlayBackground : '#000', // цвет заднего фона
overlayOpacity : 0.5, // прозрачность заднего фона
blockBackground : '#000', // цвет рамки
buttonsImage : 'img/jimg_icons.png', // иконки закрыть/след/пред, 30х90 в одном файле
loaderImage : 'img/jimg_load.gif', // картинка загрузки
arrowPosition : 'top', // расположение кнопок "влево" и "вправо", значения - top/middle/bottom
showCloseButton : false, // отображение кнопки "закрыть"
loopThis : false, // зацикливание (за последней идет первая)
errorText : 'Image not found.', // текст сообщения об ошибке
errorTextColor : '#fff', // цвет текста сообщения об ошибке (прочее форматирование пихать в #jimg_in td)
showTime : 300, // время разворачивания
hideTime : 200 // время сворачивания
});
