Циклический lightBox на jQuery

05.04.2011, рубрики: dev | Теги: cyclic, javascript, jquery, lightbox | 1 комментарий »

Понадобилось сегодня сделать циклический lightbox на одном сайте, готового решения не нашел, поэтому придумал своё.

Добавляем опцию:

cyclic: 1,

после строк

$.fn.lightBox = function(settings) {
// Settings to configure the jQuery lightBox plugin how you like
settings = jQuery.extend({

Находим строку

function _set_image_to_view() { // show the loading

перед ней пишем

function _recalc_cyclic()
{

if (!settings.imageArray.hasOwnProperty(settings.activeImage+1)) { settings.imageArray.push(settings.imageArray.shift()); settings.activeImage– }
if (!settings.imageArray.hasOwnProperty(settings.activeImage-1)) { settings.imageArray.unshift(settings.imageArray.pop()); settings.activeImage++ }

}

после нее пишем

if (settings.cyclic==1) _recalc_cyclic();

Всё. Теперь изображения в lightbox будут крутиться по кругу.

Применимо к jquery-lightbox-0.5.js

---