(function ($, undefined) {
'use strict';
var defaults = {
item: 3,
autoWidth: false,
slideMove: 1,
slideMargin: 10,
addClass: '',
mode: 'slide',
useCSS: true,
cssEasing: 'ease', //'cubic-bezier(0.25, 0, 0.25, 1)',
easing: 'linear', //'for jquery animation',//
speed: 400, //ms'
auto: false,
pauseOnHover: false,
loop: false,
slideEndAnimation: true,
pause: 2000,
keyPress: false,
controls: true,
prevHtml: '',
nextHtml: '',
rtl: false,
adaptiveHeight: false,
vertical: false,
verticalHeight: 500,
vThumbWidth: 100,
thumbItem: 10,
pager: true,
gallery: false,
galleryMargin: 5,
thumbMargin: 5,
currentPagerPosition: 'middle',
enableTouch: true,
enableDrag: true,
freeMove: true,
swipeThreshold: 40,
responsive: [],
/* jshint ignore:start */
onBeforeStart: function ($el) {},
onSliderLoad: function ($el) {},
onBeforeSlide: function ($el, scene) {},
onAfterSlide: function ($el, scene) {},
onBeforeNextSlide: function ($el, scene) {},
onBeforePrevSlide: function ($el, scene) {}
/* jshint ignore:end */
};
$.fn.lightSlider = function (options) {
if (this.length === 0) {
return this;
}
if (this.length > 1) {
this.each(function () {
$(this).lightSlider(options);
});
return this;
}
var plugin = {},
settings = $.extend(true, {}, defaults, options),
settingsTemp = {},
$el = this;
plugin.$el = this;
if (settings.mode === 'fade') {
settings.vertical = false;
}
var $children = $el.children(),
windowW = $(window).width(),
breakpoint = null,
resposiveObj = null,
length = 0,
w = 0,
on = false,
elSize = 0,
$slide = '',
scene = 0,
property = (settings.vertical === true) ? 'height' : 'width',
gutter = (settings.vertical === true) ? 'margin-bottom' : 'margin-right',
slideValue = 0,
pagerWidth = 0,
slideWidth = 0,
thumbWidth = 0,
interval = null,
isTouch = ('ontouchstart' in document.documentElement);
var refresh = {};
refresh.chbreakpoint = function () {
windowW = $(window).width();
if (settings.responsive.length) {
var item;
if (settings.autoWidth === false) {
item = settings.item;
}
if (windowW settings.responsive[0].breakpoint) {
for (var k in settingsTemp) {
if (settingsTemp.hasOwnProperty(k)) {
settings[k] = settingsTemp[k];
}
}
}
if (settings.autoWidth === false) {
if (slideValue > 0 && slideWidth > 0) {
if (item !== settings.item) {
scene = Math.round(slideValue / ((slideWidth + settings.slideMargin) * settings.slideMove));
}
}
}
}
};
refresh.calSW = function () {
if (settings.autoWidth === false) {
slideWidth = (elSize - ((settings.item * (settings.slideMargin)) - settings.slideMargin)) / settings.item;
}
};
refresh.calWidth = function (cln) {
var ln = cln === true ? $slide.find('.lslide').length : $children.length;
if (settings.autoWidth === false) {
w = ln * (slideWidth + settings.slideMargin);
} else {
w = 0;
for (var i = 0; i ' + settings.prevHtml + '' + settings.nextHtml + '');
if (!settings.autoWidth) {
if (length
');
$slide = $el.parent('.lSSlideWrapper');
if (settings.rtl === true) {
$slide.parent().addClass('lSrtl');
}
if (settings.vertical) {
$slide.parent().addClass('vertical');
elSize = settings.verticalHeight;
$slide.css('height', elSize + 'px');
} else {
elSize = $el.outerWidth();
}
$children.addClass('lslide');
if (settings.loop === true && settings.mode === 'slide') {
refresh.calSW();
refresh.clone = function () {
if (refresh.calWidth(true) > elSize) {
/**/
var tWr = 0,
tI = 0;
for (var k = 0; k = (elSize + settings.slideMargin)) {
break;
}
}
var tItem = settings.autoWidth === true ? tI : settings.item;
/**/
if (tItem ($children.length - 1 - $el.find('.clone.right').length); j--) {
scene--;
$children.eq(j).remove();
}
}
/**/
for (var n = $el.find('.clone.right').length; n ($el.find('.lslide').length - tItem); m--) {
$el.find('.lslide').eq(m - 1).clone().removeClass('lslide').addClass('clone left').prependTo($el);
}
$children = $el.children();
} else {
if ($children.hasClass('clone')) {
$el.find('.clone').remove();
$this.move($el, 0);
}
}
};
refresh.clone();
}
refresh.sSW = function () {
length = $children.length;
if (settings.rtl === true && settings.vertical === false) {
gutter = 'margin-left';
}
if (settings.autoWidth === false) {
$children.css(property, slideWidth + 'px');
}
$children.css(gutter, settings.slideMargin + 'px');
w = refresh.calWidth(false);
$el.css(property, w + 'px');
if (settings.loop === true && settings.mode === 'slide') {
if (on === false) {
scene = $el.find('.clone.left').length;
}
}
};
refresh.calL = function () {
$children = $el.children();
length = $children.length;
};
if (this.doCss()) {
$slide.addClass('usingCss');
}
refresh.calL();
if (settings.mode === 'slide') {
refresh.calSW();
refresh.sSW();
if (settings.loop === true) {
slideValue = $this.slideValue();
this.move($el, slideValue);
}
if (settings.vertical === false) {
this.setHeight($el, false);
}
} else {
this.setHeight($el, true);
$el.addClass('lSFade');
if (!this.doCss()) {
$children.fadeOut(0);
$children.eq(scene).fadeIn(0);
}
}
if (settings.loop === true && settings.mode === 'slide') {
$children.eq(scene).addClass('active');
} else {
$children.first().addClass('active');
}
},
pager: function () {
var $this = this;
refresh.createPager = function () {
thumbWidth = (elSize - ((settings.thumbItem * (settings.thumbMargin)) - settings.thumbMargin)) / settings.thumbItem;
var $children = $slide.find('.lslide');
var length = $slide.find('.lslide').length;
var i = 0,
pagers = '',
v = 0;
for (i = 0; i ';
} else {
pagers += '' + (i + 1) + '';
}
if (settings.mode === 'slide') {
if ((v) >= w - elSize - settings.slideMargin) {
i = i + 1;
var minPgr = 2;
if (settings.autoWidth) {
pagers += '' + (i + 1) + '';
minPgr = 1;
}
if (i ');
var gMargin = (settings.vertical) ? 'margin-left' : 'margin-top';
$slide.parent().find('.lSPager').css(gMargin, settings.galleryMargin + 'px');
refresh.createPager();
}
setTimeout(function () {
refresh.init();
}, 0);
},
setHeight: function (ob, fade) {
var obj = null,
$this = this;
if (settings.loop) {
obj = ob.children('.lslide ').first();
} else {
obj = ob.children().first();
}
var setCss = function () {
var tH = obj.outerHeight(),
tP = 0,
tHT = tH;
if (fade) {
tH = 0;
tP = ((tHT) * 100) / elSize;
}
ob.css({
'height': tH + 'px',
'padding-bottom': tP + '%'
});
};
setCss();
if (obj.find('img').length) {
if ( obj.find('img')[0].complete) {
setCss();
if (!interval) {
$this.auto();
}
}else{
obj.find('img').on('load', function () {
setTimeout(function () {
setCss();
if (!interval) {
$this.auto();
}
}, 100);
});
}
}else{
if (!interval) {
$this.auto();
}
}
},
active: function (ob, t) {
if (this.doCss() && settings.mode === 'fade') {
$slide.addClass('on');
}
var sc = 0;
if (scene * settings.slideMove = l) {
sc = nl;
}
}
if (settings.loop === true && settings.mode === 'slide') {
//t === true ? sc = scene - $el.find('.clone.left').length : sc = scene * settings.slideMove;
if (t === true) {
sc = scene - $el.find('.clone.left').length;
} else {
sc = scene * settings.slideMove;
}
if (t === true) {
l = ob.length;
nl = l - 1;
if (sc + 1 === l) {
sc = nl;
} else if (sc + 1 > l) {
sc = 0;
}
}
}
if (!this.doCss() && settings.mode === 'fade' && t === false) {
ob.eq(sc).fadeIn(settings.speed);
}
ob.eq(sc).addClass('active');
} else {
ob.removeClass('active');
ob.eq(ob.length - 1).addClass('active');
if (!this.doCss() && settings.mode === 'fade' && t === false) {
ob.fadeOut(settings.speed);
ob.eq(sc).fadeIn(settings.speed);
}
}
},
move: function (ob, v) {
if (settings.rtl === true) {
v = -v;
}
if (this.doCss()) {
if (settings.vertical === true) {
ob.css({
'transform': 'translate3d(0px, ' + (-v) + 'px, 0px)',
'-webkit-transform': 'translate3d(0px, ' + (-v) + 'px, 0px)'
});
} else {
ob.css({
'transform': 'translate3d(' + (-v) + 'px, 0px, 0px)',
'-webkit-transform': 'translate3d(' + (-v) + 'px, 0px, 0px)',
});
}
} else {
if (settings.vertical === true) {
ob.css('position', 'relative').animate({
top: -v + 'px'
}, settings.speed, settings.easing);
} else {
ob.css('position', 'relative').animate({
left: -v + 'px'
}, settings.speed, settings.easing);
}
}
var $thumb = $slide.parent().find('.lSPager').find('li');
this.active($thumb, true);
},
fade: function () {
this.active($children, false);
var $thumb = $slide.parent().find('.lSPager').find('li');
this.active($thumb, true);
},
slide: function () {
var $this = this;
refresh.calSlide = function () {
if (w > elSize) {
slideValue = $this.slideValue();
$this.active($children, false);
if ((slideValue) > w - elSize - settings.slideMargin) {
slideValue = w - elSize - settings.slideMargin;
} else if (slideValue = (length - ($el.find('.clone.left').length / settings.slideMove))) {
$this.resetSlide($el.find('.clone.left').length);
}
if (scene === 0) {
$this.resetSlide($slide.find('.lslide').length);
}
}
}
};
refresh.calSlide();
},
resetSlide: function (s) {
var $this = this;
$slide.find('.lSAction a').addClass('disabled');
setTimeout(function () {
scene = s;
$slide.css('transition-duration', '0ms');
slideValue = $this.slideValue();
$this.active($children, false);
plugin.move($el, slideValue);
setTimeout(function () {
$slide.css('transition-duration', settings.speed + 'ms');
$slide.find('.lSAction a').removeClass('disabled');
}, 50);
}, settings.speed + 100);
},
slideValue: function () {
var _sV = 0;
if (settings.autoWidth === false) {
_sV = scene * ((slideWidth + settings.slideMargin) * settings.slideMove);
} else {
_sV = 0;
for (var i = 0; i = $pager.children().length) {
sc = 0;
} else if (sc pagerWidth) {
thumbSlide = pagerWidth - elSize - settings.thumbMargin;
}
if (thumbSlide = w - elSize - settings.slideMargin) {
if (settings.freeMove === false) {
swipeVal = w - elSize - settings.slideMargin;
} else {
var swipeValT = w - elSize - settings.slideMargin;
swipeVal = swipeValT + ((swipeVal - swipeValT) / 5);
}
} else if (swipeVal w - elSize - settings.slideMargin) {
slideValue = w - elSize - settings.slideMargin;
if (settings.autoWidth === false) {
mxVal = true;
}
} else if (slideValue = (w - elSize - settings.slideMargin)) {
if (num % 1 !== 0) {
scene++;
}
}
} else {
var tW = 0;
for (var i = 0; i = slideValue) {
break;
}
}
}
};
if (distance >= settings.swipeThreshold) {
gC(false);
_next = false;
} else if (distance = settings.swipeThreshold) {
$el.goToPrevSlide();
} else if (distance = settings.swipeThreshold) {
$(window).on('click.ls', function (e) {
if (e.preventDefault) {
e.preventDefault();
} else {
e.returnValue = false;
}
e.stopImmediatePropagation();
e.stopPropagation();
$(window).off('click.ls');
});
}
$this.touchEnd(distance);
}
});
}
},
enableTouch: function () {
var $this = this;
if (isTouch) {
var startCoords = {},
endCoords = {};
$slide.on('touchstart', function (e) {
endCoords = e.originalEvent.targetTouches[0];
startCoords.pageX = e.originalEvent.targetTouches[0].pageX;
startCoords.pageY = e.originalEvent.targetTouches[0].pageY;
clearInterval(interval);
});
$slide.on('touchmove', function (e) {
if (w xMovement) {
e.preventDefault();
}
$this.touchMove(endCoords.pageY, startCoords.pageY);
} else {
if ((xMovement * 3) > yMovement) {
e.preventDefault();
}
$this.touchMove(endCoords.pageX, startCoords.pageX);
}
});
$slide.on('touchend', function () {
if (w 1) {
elSize = settings.verticalHeight;
} else {
elSize = $children.outerHeight();
}
$slide.css('height', elSize + 'px');
} else {
elSize = $slide.outerWidth();
}
if (settings.loop === true && settings.mode === 'slide') {
refresh.clone();
}
refresh.calL();
if (settings.mode === 'slide') {
$el.removeClass('lSSlide');
}
if (settings.mode === 'slide') {
refresh.calSW();
refresh.sSW();
}
setTimeout(function () {
if (settings.mode === 'slide') {
$el.addClass('lSSlide');
}
}, 1000);
if (settings.pager) {
refresh.createPager();
}
if (settings.adaptiveHeight === true && settings.vertical === false) {
$el.css('height', $children.eq(scene).outerHeight(true));
}
if (settings.adaptiveHeight === false) {
if (settings.mode === 'slide') {
if (settings.vertical === false) {
plugin.setHeight($el, false);
}else{
plugin.auto();
}
} else {
plugin.setHeight($el, true);
}
}
if (settings.gallery === true) {
plugin.slideThumb();
}
if (settings.mode === 'slide') {
plugin.slide();
}
if (settings.autoWidth === false) {
if ($children.length 0) {
settings.onBeforePrevSlide.call(this, $el, scene);
scene--;
$el.mode(false);
if (settings.gallery === true) {
plugin.slideThumb();
}
} else {
if (settings.loop === true) {
settings.onBeforePrevSlide.call(this, $el, scene);
if (settings.mode === 'fade') {
var l = (length - 1);
scene = parseInt(l / settings.slideMove);
}
$el.mode(false);
if (settings.gallery === true) {
plugin.slideThumb();
}
} else if (settings.slideEndAnimation === true) {
$el.addClass('leftEnd');
setTimeout(function () {
$el.removeClass('leftEnd');
}, 400);
}
}
};
$el.goToNextSlide = function () {
var nextI = true;
if (settings.mode === 'slide') {
var _slideValue = plugin.slideValue();
nextI = _slideValue = (ln + cl)) {
sc = scene - ln - cl;
} else {
sc = scene - cl;
}
}
return sc + 1;
};
$el.getTotalSlideCount = function () {
return $slide.find('.lslide').length;
};
$el.goToSlide = function (s) {
if (settings.loop) {
scene = (s + $el.find('.clone.left').length - 1);
} else {
scene = s;
}
$el.mode(false);
if (settings.gallery === true) {
plugin.slideThumb();
}
};
$el.destroy = function () {
if ($el.lightSlider) {
$el.goToPrevSlide = function(){};
$el.goToNextSlide = function(){};
$el.mode = function(){};
$el.play = function(){};
$el.pause = function(){};
$el.refresh = function(){};
$el.getCurrentSlideCount = function(){};
$el.getTotalSlideCount = function(){};
$el.goToSlide = function(){};
$el.lightSlider = null;
refresh = {
init : function(){}
};
$el.parent().parent().find('.lSAction, .lSPager').remove();
$el.removeClass('lightSlider lSFade lSSlide lsGrab lsGrabbing leftEnd right').removeAttr('style').unwrap().unwrap();
$el.children().removeAttr('style');
$children.removeClass('lslide active');
$el.find('.clone').remove();
$children = null;
interval = null;
on = false;
scene = 0;
}
};
setTimeout(function () {
settings.onSliderLoad.call(this, $el);
}, 10);
$(window).on('resize orientationchange', function (e) {
setTimeout(function () {
if (e.preventDefault) {
e.preventDefault();
} else {
e.returnValue = false;
}
refresh.init();
}, 200);
});
return this;
};
}(jQuery));
Муравьиная ферма с муравьями — купить в Москве | Объявление №6072 | ZVERO
Померанский шпиц — купить в Санкт-Петербурге | Объявление №137764 | ZVERO
Птицы Сибири – фото с названиями | Птицы западной и восточной Сибири
Щенок американской акиты — купить в Москве | Объявление №115758 | ZVERO
Щенки мальтезе (мальтийской болонки) — купить в Санкт-Петербурге | Объявление №137336 | ZVERO