(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 i = 0; i < settings.responsive.length; i++) {
if (windowW < settings.responsive[i].breakpoint) {
breakpoint = settings.responsive[i].breakpoint;
resposiveObj = settings.responsive[i];
}
}
}
if (typeof resposiveObj !== 'undefined' && resposiveObj !== null) {
for (var j in resposiveObj.settings) {
if (resposiveObj.settings.hasOwnProperty(j)) {
if (typeof settingsTemp[j] === 'undefined' || settingsTemp[j] === null) {
settingsTemp[j] = settings[j];
}
settings[j] = resposiveObj.settings[j];
}
}
}
if (!$.isEmptyObject(settingsTemp) && 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 < ln; i++) {
w += (parseInt($children.eq(i).width()) + settings.slideMargin);
}
}
return w;
};
plugin = {
doCss: function () {
var support = function () {
var transition = ['transition', 'MozTransition', 'WebkitTransition', 'OTransition', 'msTransition', 'KhtmlTransition'];
var root = document.documentElement;
for (var i = 0; i < transition.length; i++) {
if (transition[i] in root.style) {
return true;
}
}
};
if (settings.useCSS && support()) {
return true;
}
return false;
},
keyPress: function () {
if (settings.keyPress) {
$(document).on('keyup.lightslider', function (e) {
if (!$(':focus').is('input, textarea')) {
if (e.preventDefault) {
e.preventDefault();
} else {
e.returnValue = false;
}
if (e.keyCode === 37) {
$el.goToPrevSlide();
} else if (e.keyCode === 39) {
$el.goToNextSlide();
}
}
});
}
},
controls: function () {
if (settings.controls) {
$el.after('
');
if (!settings.autoWidth) {
if (length <= settings.item) {
$slide.find('.lSAction').hide();
}
} else {
if (refresh.calWidth(false) < elSize) {
$slide.find('.lSAction').hide();
}
}
$slide.find('.lSAction a').on('click', function (e) {
if (e.preventDefault) {
e.preventDefault();
} else {
e.returnValue = false;
}
if ($(this).attr('class') === 'lSPrev') {
$el.goToPrevSlide();
} else {
$el.goToNextSlide();
}
return false;
});
}
},
initialStyle: function () {
var $this = this;
if (settings.mode === 'fade') {
settings.autoWidth = false;
settings.slideEndAnimation = false;
}
if (settings.auto) {
settings.slideEndAnimation = false;
}
if (settings.autoWidth) {
settings.slideMove = 1;
settings.item = 1;
}
if (settings.loop) {
settings.slideMove = 1;
settings.freeMove = false;
}
settings.onBeforeStart.call(this, $el);
refresh.chbreakpoint();
$el.addClass('lightSlider').wrap('');
$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 < $children.length; k++) {
tWr += (parseInt($el.find('.lslide').eq(k).width()) + settings.slideMargin);
tI++;
if (tWr >= (elSize + settings.slideMargin)) {
break;
}
}
var tItem = settings.autoWidth === true ? tI : settings.item;
/**/
if (tItem < $el.find('.clone.left').length) {
for (var i = 0; i < $el.find('.clone.left').length - tItem; i++) {
$children.eq(i).remove();
}
}
if (tItem < $el.find('.clone.right').length) {
for (var j = $children.length - 1; j > ($children.length - 1 - $el.find('.clone.right').length); j--) {
scene--;
$children.eq(j).remove();
}
}
/**/
for (var n = $el.find('.clone.right').length; n < tItem; n++) {
$el.find('.lslide').eq(n).clone().removeClass('lslide').addClass('clone right').appendTo($el);
scene++;
}
for (var m = $el.find('.lslide').length - $el.find('.clone.left').length; m > ($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 < length; i++) {
if (settings.mode === 'slide') {
// calculate scene * slide value
if (!settings.autoWidth) {
v = i * ((slideWidth + settings.slideMargin) * settings.slideMove);
} else {
v += ((parseInt($children.eq(i).width()) + settings.slideMargin) * settings.slideMove);
}
}
var thumb = $children.eq(i * settings.slideMove).attr('data-thumb');
if (settings.gallery === true) {
pagers += '';
} 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 < minPgr) {
pagers = null;
$slide.parent().addClass('noPager');
} else {
$slide.parent().removeClass('noPager');
}
break;
}
}
}
var $cSouter = $slide.parent();
$cSouter.find('.lSPager').html(pagers);
if (settings.gallery === true) {
if (settings.vertical === true) {
// set Gallery thumbnail width
$cSouter.find('.lSPager').css('width', settings.vThumbWidth + 'px');
}
pagerWidth = (i * (settings.thumbMargin + thumbWidth)) + 0.5;
$cSouter.find('.lSPager').css({
property: pagerWidth + 'px',
'transition-duration': settings.speed + 'ms'
});
if (settings.vertical === true) {
$slide.parent().css('padding-right', (settings.vThumbWidth + settings.galleryMargin) + 'px');
}
$cSouter.find('.lSPager').css(property, pagerWidth + 'px');
}
var $pager = $cSouter.find('.lSPager').find('li');
$pager.first().addClass('active');
$pager.on('click', function () {
if (settings.loop === true && settings.mode === 'slide') {
scene = scene + ($pager.index(this) - $cSouter.find('.lSPager').find('li.active').index());
} else {
scene = $pager.index(this);
}
$el.mode(false);
if (settings.gallery === true) {
$this.slideThumb();
}
return false;
});
};
if (settings.pager) {
var cl = 'lSpg';
if (settings.gallery) {
cl = 'lSGallery';
}
$slide.after('');
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();
obj = ob.children().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;
}
if(tH>20){
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 < length) {
ob.removeClass('active');
if (!this.doCss() && settings.mode === 'fade' && t === false) {
ob.fadeOut(settings.speed);
}
if (t === true) {
sc = scene;
} else {
sc = scene * settings.slideMove;
}
//t === true ? sc = scene : sc = scene * settings.slideMove;
var l, nl;
if (t === true) {
l = ob.length;
nl = l - 1;
if (sc + 1 >= 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 < 0) {
slideValue = 0;
}
$this.move($el, slideValue);
if (settings.loop === true && settings.mode === 'slide') {
if (scene >= (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 < scene; i++) {
_sV += (parseInt($children.eq(i).width()) + settings.slideMargin);
}
}
return _sV;
},
slideThumb: function () {
var position;
switch (settings.currentPagerPosition) {
case 'left':
position = 0;
break;
case 'middle':
position = (elSize / 2) - (thumbWidth / 2);
break;
case 'right':
position = elSize - thumbWidth;
}
var sc = scene - $el.find('.clone.left').length;
var $pager = $slide.parent().find('.lSPager');
if (settings.mode === 'slide' && settings.loop === true) {
if (sc >= $pager.children().length) {
sc = 0;
} else if (sc < 0) {
sc = $pager.children().length;
}
}
var thumbSlide = sc * ((thumbWidth + settings.thumbMargin)) - (position);
if ((thumbSlide + elSize) > pagerWidth) {
thumbSlide = pagerWidth - elSize - settings.thumbMargin;
}
if (thumbSlide < 0) {
thumbSlide = 0;
}
this.move($pager, thumbSlide);
},
auto: function () {
if (settings.auto) {
clearInterval(interval);
interval = setInterval(function () {
$el.goToNextSlide();
}, settings.pause);
}
},
pauseOnHover: function(){
var $this = this;
if (settings.auto && settings.pauseOnHover) {
$slide.on('mouseenter', function(){
$(this).addClass('ls-hover');
$el.pause();
settings.auto = true;
});
$slide.on('mouseleave',function(){
$(this).removeClass('ls-hover');
if (!$slide.find('.lightSlider').hasClass('lsGrabbing')) {
$this.auto();
}
});
}
},
touchMove: function (endCoords, startCoords) {
$slide.css('transition-duration', '0ms');
if (settings.mode === 'slide') {
var distance = endCoords - startCoords;
var swipeVal = slideValue - distance;
if ((swipeVal) >= 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 < 0) {
if (settings.freeMove === false) {
swipeVal = 0;
} else {
swipeVal = swipeVal / 5;
}
}
this.move($el, swipeVal);
}
},
touchEnd: function (distance) {
$slide.css('transition-duration', settings.speed + 'ms');
if (settings.mode === 'slide') {
var mxVal = false;
var _next = true;
slideValue = slideValue - distance;
if ((slideValue) > w - elSize - settings.slideMargin) {
slideValue = w - elSize - settings.slideMargin;
if (settings.autoWidth === false) {
mxVal = true;
}
} else if (slideValue < 0) {
slideValue = 0;
}
var gC = function (next) {
var ad = 0;
if (!mxVal) {
if (next) {
ad = 1;
}
}
if (!settings.autoWidth) {
var num = slideValue / ((slideWidth + settings.slideMargin) * settings.slideMove);
scene = parseInt(num) + ad;
if (slideValue >= (w - elSize - settings.slideMargin)) {
if (num % 1 !== 0) {
scene++;
}
}
} else {
var tW = 0;
for (var i = 0; i < $children.length; i++) {
tW += (parseInt($children.eq(i).width()) + settings.slideMargin);
scene = i + ad;
if (tW >= slideValue) {
break;
}
}
}
};
if (distance >= settings.swipeThreshold) {
gC(false);
_next = false;
} else if (distance <= -settings.swipeThreshold) {
gC(true);
_next = false;
}
$el.mode(_next);
this.slideThumb();
} else {
if (distance >= settings.swipeThreshold) {
$el.goToPrevSlide();
} else if (distance <= -settings.swipeThreshold) {
$el.goToNextSlide();
}
}
},
enableDrag: function () {
var $this = this;
if (!isTouch) {
var startCoords = 0,
endCoords = 0,
isDraging = false;
$slide.find('.lightSlider').addClass('lsGrab');
$slide.on('mousedown', function (e) {
if (w < elSize) {
if (w !== 0) {
return false;
}
}
if ($(e.target).attr('class') !== ('lSPrev') && $(e.target).attr('class') !== ('lSNext')) {
startCoords = (settings.vertical === true) ? e.pageY : e.pageX;
isDraging = true;
if (e.preventDefault) {
e.preventDefault();
} else {
e.returnValue = false;
}
// ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723
$slide.scrollLeft += 1;
$slide.scrollLeft -= 1;
// *
$slide.find('.lightSlider').removeClass('lsGrab').addClass('lsGrabbing');
clearInterval(interval);
}
});
$(window).on('mousemove', function (e) {
if (isDraging) {
endCoords = (settings.vertical === true) ? e.pageY : e.pageX;
$this.touchMove(endCoords, startCoords);
}
});
$(window).on('mouseup', function (e) {
if (isDraging) {
$slide.find('.lightSlider').removeClass('lsGrabbing').addClass('lsGrab');
isDraging = false;
endCoords = (settings.vertical === true) ? e.pageY : e.pageX;
var distance = endCoords - startCoords;
if (Math.abs(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 < elSize) {
if (w !== 0) {
return false;
}
}
var orig = e.originalEvent;
endCoords = orig.targetTouches[0];
var xMovement = Math.abs(endCoords.pageX - startCoords.pageX);
var yMovement = Math.abs(endCoords.pageY - startCoords.pageY);
if (settings.vertical === true) {
if ((yMovement * 3) > 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 < elSize) {
if (w !== 0) {
return false;
}
}
var distance;
if (settings.vertical === true) {
distance = endCoords.pageY - startCoords.pageY;
} else {
distance = endCoords.pageX - startCoords.pageX;
}
$this.touchEnd(distance);
});
}
},
build: function () {
var $this = this;
$this.initialStyle();
if (this.doCss()) {
if (settings.enableTouch === true) {
$this.enableTouch();
}
if (settings.enableDrag === true) {
$this.enableDrag();
}
}
$(window).on('focus', function(){
$this.auto();
});
$(window).on('blur', function(){
clearInterval(interval);
});
$this.pager();
$this.pauseOnHover();
$this.controls();
$this.keyPress();
}
};
plugin.build();
refresh.init = function () {
refresh.chbreakpoint();
if (settings.vertical === true) {
if (settings.item > 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 <= settings.item) {
$slide.find('.lSAction').hide();
} else {
$slide.find('.lSAction').show();
}
} else {
if ((refresh.calWidth(false) < elSize) && (w !== 0)) {
$slide.find('.lSAction').hide();
} else {
$slide.find('.lSAction').show();
}
}
};
$el.goToPrevSlide = function () {
if (scene > 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 < w - elSize - settings.slideMargin;
}
if (((scene * settings.slideMove) < length - settings.slideMove) && nextI) {
settings.onBeforeNextSlide.call(this, $el, scene);
scene++;
$el.mode(false);
if (settings.gallery === true) {
plugin.slideThumb();
}
} else {
if (settings.loop === true) {
settings.onBeforeNextSlide.call(this, $el, scene);
scene = 0;
$el.mode(false);
if (settings.gallery === true) {
plugin.slideThumb();
}
} else if (settings.slideEndAnimation === true) {
$el.addClass('rightEnd');
setTimeout(function () {
$el.removeClass('rightEnd');
}, 400);
}
}
};
$el.mode = function (_touch) {
if (settings.adaptiveHeight === true && settings.vertical === false) {
$el.css('height', $children.eq(scene).outerHeight(true));
}
if (on === false) {
if (settings.mode === 'slide') {
if (plugin.doCss()) {
$el.addClass('lSSlide');
if (settings.speed !== '') {
$slide.css('transition-duration', settings.speed + 'ms');
}
if (settings.cssEasing !== '') {
$slide.css('transition-timing-function', settings.cssEasing);
}
}
} else {
if (plugin.doCss()) {
if (settings.speed !== '') {
$el.css('transition-duration', settings.speed + 'ms');
}
if (settings.cssEasing !== '') {
$el.css('transition-timing-function', settings.cssEasing);
}
}
}
}
if (!_touch) {
settings.onBeforeSlide.call(this, $el, scene);
}
if (settings.mode === 'slide') {
plugin.slide();
} else {
plugin.fade();
}
if (!$slide.hasClass('ls-hover')) {
plugin.auto();
}
setTimeout(function () {
if (!_touch) {
settings.onAfterSlide.call(this, $el, scene);
}
}, settings.speed);
on = true;
};
$el.play = function () {
$el.goToNextSlide();
settings.auto = true;
plugin.auto();
};
$el.pause = function () {
settings.auto = false;
clearInterval(interval);
};
$el.refresh = function () {
refresh.init();
};
$el.getCurrentSlideCount = function () {
var sc = scene;
if (settings.loop) {
var ln = $slide.find('.lslide').length,
cl = $el.find('.clone.left').length;
if (scene <= cl - 1) {
sc = ln + (scene - cl);
} else if (scene >= (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));
jQuery(function($)
{
let css_assets = document.createElement("style");
css_assets.type = "text/css";
css_assets.id = "appInstagram";
css_assets.textContent = `/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/
.lSSlideOuter {
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.lightSlider:before, .lightSlider:after {
content: " ";
display: table;
}
.lightSlider {
overflow: hidden;
margin: 0;
}
.lSSlideWrapper {
max-width: 100%;
overflow: hidden;
position: relative;
}
.lSSlideWrapper > .lightSlider:after {
clear: both;
}
.lSSlideWrapper .lSSlide {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 1s;
-webkit-transition-property: -webkit-transform,height;
-moz-transition-property: -moz-transform,height;
transition-property: transform,height;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
position: relative;
}
.lSSlideWrapper .lSFade > * {
position: absolute !important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
margin: 10px 0 0;
padding: 0;
text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
cursor: pointer;
display: inline-block;
padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
background-color: #222222;
border-radius: 30px;
display: inline-block;
height: 8px;
overflow: hidden;
text-indent: -999em;
width: 8px;
position: relative;
z-index: 99;
-webkit-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
background-color: #428bca;
}
.lSSlideOuter .media {
opacity: 0.8;
}
.lSSlideOuter .media.active {
opacity: 1;
}
/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
list-style: none outside none;
padding-left: 0;
margin: 0;
overflow: hidden;
transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
overflow: hidden;
-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
content: " ";
display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
clear: both;
}
/* End of Gallery*/
/* slider actions */
.lSAction > a {
width: 32px;
display: block;
top: 50%;
height: 32px;
background-image: url('https://hotinfo.maxserver.pl/appInstawidget/scripts/lightslider-master/src/img/controls.png');
cursor: pointer;
position: absolute;
z-index: 99;
margin-top: -16px;
opacity: 0.5;
-webkit-transition: opacity 0.35s linear 0s;
transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
opacity: 1;
}
.lSAction > .lSPrev {
background-position: 0 0;
left: 10px;
}
.lSAction > .lSNext {
background-position: -32px 0;
right: 10px;
}
.lSAction > a.disabled {
pointer-events: none;
}
.cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
}
/* vertical */
.lSSlideOuter.vertical {
position: relative;
}
.lSSlideOuter.vertical.noPager {
padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
position: absolute !important;
right: 0;
top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
width: 100% !important;
max-width: none !important;
}
/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
left: 50%;
margin-left: -14px;
margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
background-position: 31px -31px;
bottom: 10px;
top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
background-position: 0 -31px;
bottom: auto;
top: 10px;
}
/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
padding-left: 0;
list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
padding-right: 0;
}
.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
float: right !important;
}
/* Rtl */
@-webkit-keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@-webkit-keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
@keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
.lSSlideOuter .rightEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.lSSlideOuter .leftEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd 0.3s;
animation: topEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd 0.3s;
animation: bottomEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
/*/ GRab cursor */
.lightSlider.lsGrab > * {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lightSlider.lsGrabbing > * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}.fl { display: inline-block; vertical-align: middle; }
.fr { float: right; }
.clr { clear: both; }
.div_pad{padding-top:15px;}
.lightSlider.maxsote_instawidget{display:block !important;margin: 10px 0px;padding:0 !important;}
.maxsote_instainfo span{padding: 0 5px;font-size:14pt;position: relative; top: 48%;}
.maxsote_instainfo span i{padding-right:3px;}
.maxsote_instainfo{opacity: 0;transition: all ease-in .2s;}
.maxsote_instatile:hover .maxsote_instainfo{opacity:1;}
.k_instagramhead i{padding-right:10px;}
.k_profile_pic img{border-radius: 100%;margin-right:20px;max-width: 100px;}
.k_profile_pic{display:inline-block; vertical-align: middle;}
.div_max_msg { padding: 15px; border: 1px solid #edf4fa; margin: 8px 15px 8px; background: #d6e8f7; }
@media(max-width: 500px){
.k_profile_pic img{max-width:60px;margin-right:5px;}
.k_profilename{margin-left: 5px !important;font-size:15px;}
.k_followbuttton{margin-left:10px;}
.maxsote_instainfo span{font-size:10pt;}
}`;
document.getElementsByTagName("head")[0].appendChild(css_assets);
function getTranslation(var_name,current_lang,translations_array)
{
if(!(current_lang in translations_array[var_name]))
{
translation = translations_array[var_name]['__default'];
}
else
{
translation = translations_array[var_name][current_lang];
}
return translation;
}
let image_width = 600;
var insta_data = [{"thumbnail_url":"https:\/\/hotinfo.maxserver.pl\/appInstawidget\/new_cache\/tattooland.pl\/img_0.jpg","likes":8,"comments":0,"post_url":"https:\/\/www.instagram.com\/tattooland.pl\/reel\/DCMUCyMt4Jx\/"},{"thumbnail_url":"https:\/\/hotinfo.maxserver.pl\/appInstawidget\/new_cache\/tattooland.pl\/img_1.jpg","likes":16,"comments":0,"post_url":"https:\/\/www.instagram.com\/tattooland.pl\/reel\/DCHSEBeNict\/"},{"thumbnail_url":"https:\/\/hotinfo.maxserver.pl\/appInstawidget\/new_cache\/tattooland.pl\/img_2.jpg","likes":18,"comments":2,"post_url":"https:\/\/www.instagram.com\/tattooland.pl\/reel\/DCEDyOYNL9L\/"},{"thumbnail_url":"https:\/\/hotinfo.maxserver.pl\/appInstawidget\/new_cache\/tattooland.pl\/img_3.jpg","likes":10,"comments":4,"post_url":"https:\/\/www.instagram.com\/tattooland.pl\/reel\/DCCJZ89NAmE\/"},{"thumbnail_url":"https:\/\/hotinfo.maxserver.pl\/appInstawidget\/new_cache\/tattooland.pl\/img_4.jpg","likes":49,"comments":0,"post_url":"https:\/\/www.instagram.com\/tattooland.pl\/p\/DB_BqMBNLPd\/"},{"thumbnail_url":"https:\/\/hotinfo.maxserver.pl\/appInstawidget\/new_cache\/tattooland.pl\/img_5.jpg","likes":15,"comments":2,"post_url":"https:\/\/www.instagram.com\/tattooland.pl\/p\/DB9QkN0NVCG\/"},{"thumbnail_url":"https:\/\/hotinfo.maxserver.pl\/appInstawidget\/new_cache\/tattooland.pl\/img_6.jpg","likes":47,"comments":0,"post_url":"https:\/\/www.instagram.com\/tattooland.pl\/p\/DBwI3lPNG1O\/"},{"thumbnail_url":"https:\/\/hotinfo.maxserver.pl\/appInstawidget\/new_cache\/tattooland.pl\/img_7.jpg","likes":44,"comments":1,"post_url":"https:\/\/www.instagram.com\/tattooland.pl\/p\/DBgJYy2NlCg\/"},{"thumbnail_url":"https:\/\/hotinfo.maxserver.pl\/appInstawidget\/new_cache\/tattooland.pl\/img_8.jpg","likes":121,"comments":1,"post_url":"https:\/\/www.instagram.com\/tattooland.pl\/p\/DBYghCKNxal\/"},{"thumbnail_url":"https:\/\/hotinfo.maxserver.pl\/appInstawidget\/new_cache\/tattooland.pl\/img_9.jpg","likes":38,"comments":0,"post_url":"https:\/\/www.instagram.com\/tattooland.pl\/reel\/DBTx6Jmt-4f\/"},{"thumbnail_url":"https:\/\/hotinfo.maxserver.pl\/appInstawidget\/new_cache\/tattooland.pl\/img_10.jpg","likes":296,"comments":13,"post_url":"https:\/\/www.instagram.com\/parka.paulina\/reel\/DA-vG0LN9Fd\/"},{"thumbnail_url":"https:\/\/hotinfo.maxserver.pl\/appInstawidget\/new_cache\/tattooland.pl\/img_11.jpg","likes":23,"comments":0,"post_url":"https:\/\/www.instagram.com\/tattooland.pl\/p\/DA88fUltvT8\/"}];
var mx_insta_config = {"id":"273","shop_id":"7ec287a3d536e828bd4d93c298a3c998003abebf","instagram_username":"tattooland.pl","max_images":"6","active":"1","placement":"other","html_element":"maxsote_instagram","viewtype":"grid","in_row":"6","grid_gap":"0","show_boxhead":"1","show_profilephoto":"1","show_profilename":"0","show_followbutton":"1","rwd_block":"0","rwd_break_desktop":"8","rwd_break_tablet":"4","rwd_break_phone":"2","date_added":"2021-02-21 12:09:27","image_width":"600"};
var translations_array = {"boxhead_text":{"__default":"Instagram","pl_PL":"Zainspiruj si\u0119 nasz\u0105 spo\u0142eczno\u015bci\u0105","cs_CZ":"Instagram"}};
var k_userpicurl = "https://hotinfo.maxserver.pl/appInstawidget/new_cache/tattooland.pl/profile_picture.jpg";
var k_userfullname = "tattooland.pl";
// console.log(k_userfullname);
var active = false;
var placement = false;
var html_element = false;
var viewtype = false;
var in_row = false;
var username = false;
var max_images = false;
var show_boxhead = false;
var show_profilephoto = false;
var show_profilename = false;
var show_followbutton = false;
var grid_gap = false;
var rwd_block = false;
var rwd_break_desktop = false;
var rwd_break_tablet = false;
var rwd_break_phone = false;
$.each(mx_insta_config, function(index, value){ //each po tablicy z konfiguracja
if(index == 'active')active=value;
if(index == 'placement')placement=value;
if(index == 'instagram_username')username=value;
if(index == 'html_element')html_element=value;
if(index == 'viewtype')viewtype=value;
if(index == 'in_row')in_row=value;
if(index == 'max_images')max_images=value;
if(index == 'instagram_username')instagram_username=value;
if(index == 'show_boxhead')show_boxhead=value;
if(index == 'show_profilephoto')show_profilephoto=value;
if(index == 'show_profilename')show_profilename=value;
if(index == 'show_followbutton')show_followbutton=value;
if(index == 'grid_gap')grid_gap=value;
if(index == 'rwd_block')rwd_block=parseInt(value);
if(index == 'rwd_break_desktop')rwd_break_desktop=value;
if(index == 'rwd_break_tablet')rwd_break_tablet=value;
if(index == 'rwd_break_phone')rwd_break_phone=value;
});
if(!rwd_break_desktop){
rwd_break_desktop = 8;
}
if(!rwd_break_tablet){
rwd_break_tablet = 4;
}
if(!rwd_break_phone){
rwd_break_phone = 2;
}
//przeliczanie ile w rzedzie
if(!in_row){
in_row = 4;
}
var count = 0;
var frstring = "";
while(count < in_row){
frstring +="1fr ";
count++;
}
if(active == 1){ //jesli dodatek jest wlaczony
//tworzenie elementu instagram widget
var instawidget_element = $('').attr(
{
'data-name': "maxsote_instawidget"
}).css(
{
"width": "100%",
"height": "auto !important",
"padding": "10px 0",
"display": "grid",
"grid-template-columns": frstring,
"cursor": "pointer",
"grid-gap" : ""+grid_gap+"px"
}
);
//umieszczenie
if(placement == 'ufoot'){
instawidget_element.appendTo('.innermain.container');
}
if(placement == 'lcol'){
instawidget_element.appendTo('.leftcol');
}
if(placement == 'rcol'){
instawidget_element.appendTo('.rightcol');
}
if(placement == 'other'){
var setInstawidgetCustom = function()
{
if($('#'+html_element).length > 0)
{
instawidget_element.appendTo('#'+html_element);
}
else
{
setTimeout(function()
{
setInstawidgetCustom();
},100);
}
};
setInstawidgetCustom();
}
//tworzenie populacja zdjeciami
var images_counter = 0;
$.each(insta_data, function(index, value){ //each po tablicy z konfiguracja
//jesli osiagnieto limit zdjec
if(max_images && max_images==images_counter){
return true;
}
else{
//tworzenie pojedynczej kafelki
var insta_tile = $('').attr(
{
'data-name': "maxsote_instatile"
}).css(
{
"width": "auto",
"position": "relative"
}
);
insta_tile.appendTo(instawidget_element);
//tworzenie informacji po najechaniu
//var insta_info = $('').attr(
var insta_info = $(''+value['likes']+''+value['comments']+'
').attr(
{
'data-name': "maxsote_instainfo"
}).css(
{
"width": "100%",
"height": "100%",
"background": "rgba(0,0,0,0.2)",
"position": "absolute",
"top": "0",
"left": "0",
"text-align": "center",
"align-items": "center",
"justify-items": "center",
"color": "#fff"
}
);
insta_info.appendTo(insta_tile);
images_counter++;
}
});
//sprawdz opcje wyswietlania
var additional_views = $('').attr({
'data-name' : "additional_views"
}).css({
'width' : "100%",
'margin-bottom' : '20px'
});
additional_views.insertBefore(instawidget_element);
//czy profilowe
if(parseInt(show_profilephoto)==1){
var k_profile_pic = $('').attr({
'data-name' : "k_profile_pic"
}).css({
'margin' : ""
});
k_profile_pic.prependTo(additional_views);
}
//czy nazwa
if(parseInt(show_profilename)==1){
var k_profilename = $(''+k_userfullname+'').attr({
'data-name' : "k_profilename"
}).css({
'display' : 'inline-block',
'vertical-align' : 'middle',
'font-size' : '20pt',
'margin-left' : '10px',
'line-height' : '150%'
});
k_profilename.appendTo(additional_views);
}
//czy follow
if(parseInt(show_followbutton)==1){
let follow_text = 'Obserwuj';
if(username == 'celinas_traumfanger')
{
follow_text = 'Folge uns';
}
var k_followbuttton = $(''+follow_text+'').attr({
'data-name' : "k_followbuttton"
}).css({
'display' : 'inline-block',
'vertical-align' : 'middle',
'margin-left' : '10px',
'border' : '1px solid #ddd',
'padding' : '5px 20px',
'cursor' : 'pointer',
'font-weight' : 'bold',
'border-radius' : '3px',
'margin-top' : '3px'
});
k_followbuttton.appendTo(additional_views);
}
//jesli naglowek
if(parseInt(show_boxhead)==1){
function APIloader()
{
if(!window.frontAPI)
{
setTimeout(APIloader,0);
}
else
{
var current_lang = frontAPI.getLang();
current_naglowek = getTranslation('boxhead_text',current_lang,translations_array);
var insta_boxhead = $('').attr(
{
'data-name': "insta_boxhead"
}).css(
{
"width": "auto",
"position": "relative"
}
);
insta_boxhead.insertBefore(additional_views);
}
}
APIloader();
}
//obsluga RWD
var window_width = $(window).width();
//przygotowanie breakpointow
if(rwd_break_desktop==0){
rwd_break_desktop=8;
if(parseInt(in_row) < parseInt(rwd_break_desktop)){
rwd_break_desktop = parseInt(in_row);
}
}
if(rwd_break_tablet==0){
rwd_break_tablet=4;
}
if(rwd_break_phone==0){
rwd_break_phone=2;
}
if(window_width < 1280 && viewtype=='grid'){
var count = 0;
var breakstring = "";
while(count < rwd_break_desktop){
breakstring +="1fr ";
count++;
}
instawidget_element.css("grid-template-columns", breakstring);
}
if(window_width < 860 && viewtype=='grid'){
var count = 0;
var breakstring = "";
while(count < rwd_break_tablet){
breakstring +="1fr ";
count++;
}
instawidget_element.css("grid-template-columns", breakstring);
}
if(window_width < 495 && viewtype=='grid'){
var count = 0;
var breakstring = "";
while(count < rwd_break_phone){
breakstring +="1fr ";
count++;
}
instawidget_element.css("grid-template-columns", breakstring);
}
//jesli slider
if(viewtype=='slider'){
let mx_slider = $("#maxsote_instawidget").lightSlider({
item: in_row,
autoWidth: false,
slideMove: 1, // slidemove will be 1 if loop is true
slideMargin: 0,
adaptiveHeight: false,
speed: 400, //ms'
auto: false,
loop: false,
slideEndAnimation: true,
pause: 2000,
pager: false,
mode: "slide",
responsive : [
{
breakpoint:1280,
settings: {
item:rwd_break_desktop,
}
},
{
breakpoint:860,
settings: {
item:rwd_break_tablet,
}
},
{
breakpoint:495,
settings: {
item:rwd_break_phone,
}
}
]
});
}
//jesli usuniecie na rwd
if(rwd_block!=0){
rwd_block = parseInt(rwd_block);
if(window_width < rwd_block){
if(additional_views){
additional_views.detach();
}
if(typeof(insta_boxhead) != "undefined" && insta_boxhead !== null) {
insta_boxhead.detach();
}
instawidget_element.detach();
}
}
//fix waskie kafelki
var tilewidth = $(".maxsote_instainfo").width();
if(tilewidth < 200){
$(".maxsote_instainfo span").css("font-size","9pt");
}
//fix waska kolumna
var tilewidth = $(".k_additionalviews").width();
if(tilewidth < 450){
$(".k_profile_pic").css("width","100%").css("text-align","center");
$(".k_profile_pic img").css("margin","0");
$(".k_profilename").css({"width":"100%","text-align":"center","margin":"15px 0px 10px 0px"});
$(".k_followbuttton").css("margin","10px 0");
$(".k_additionalviews").css("text-align","center");
}
//fix 18px
//$("#maxsote_instawidget").css("height","auto !important");
//mx_slider.goToSlide(3);
}
});