Lines Matching full:lg
26 mode: 'lg-slide',
37 startClass: 'lg-start-zoom',
54 // .lg-item || '.lg-sub-html'
55 appendSubHtmlTo: '.lg-sub-html',
82 appendCounterTo: '.lg-toolbar',
145 // .lg-item
148 // .lg-outer
167 if (_hash.indexOf('lg=' + this.s.galleryId) > 0) {
171 $('body').addClass('lg-from-hash');
172 if (!$('body').hasClass('lg-on')) {
177 $('body').addClass('lg-on');
183 _this.$el.trigger('onBeforeOpen.lg');
188 if (!$('body').hasClass('lg-on')) {
191 $('body').addClass('lg-on');
207 _this.$el.trigger('onBeforeOpen.lg');
212 if (!$('body').hasClass('lg-on')) {
214 $('body').addClass('lg-on');
257 _this.$el.trigger('onAfterOpen.lg');
260 _this.$outer.on('mousemove.lg click.lg touchstart.lg', function() {
262 _this.$outer.removeClass('lg-hide-items');
268 _this.$outer.addClass('lg-hide-items');
273 _this.$outer.trigger('mousemove.lg');
285 $('body').append('<div class="lg-backdrop"></div>');
286 $('.lg-backdrop').css('transition-duration', this.s.backdropDuration + 'ms');
290 list += '<div class="lg-item"></div>';
295 controls = '<div class="lg-actions">' +
296 '<div class="lg-prev lg-icon">' + this.s.prevHtml + '</div>' +
297 '<div class="lg-next lg-icon">' + this.s.nextHtml + '</div>' +
301 if (this.s.appendSubHtmlTo === '.lg-sub-html') {
302 subHtmlCont = '<div class="lg-sub-html"></div>';
305 template = '<div class="lg-outer ' + this.s.addClass + ' ' + this.s.startClass + '">' +
306 '<div class="lg" style="width:' + this.s.width + '; height:' + this.s.height + '">' +
307 '<div class="lg-inner">' + list + '</div>' +
308 '<div class="lg-toolbar lg-group">' +
309 '<span class="lg-close lg-icon"></span>' +
317 this.$outer = $('.lg-outer');
318 this.$slide = this.$outer.find('.lg-item');
321 this.$outer.addClass('lg-use-left');
323 // Set mode lg-slide if use left is true;
324 this.s.mode = 'lg-slide';
326 this.$outer.addClass('lg-use-css3');
331 $(window).on('resize.lg orientationchange.lg', function() {
337 // add class lg-current to remove initial transition
338 this.$slide.eq(this.index).addClass('lg-current');
342 this.$outer.addClass('lg-css3');
344 this.$outer.addClass('lg-css');
353 this.$outer.addClass('lg-grab');
357 this.$outer.addClass('lg-show-after-load');
361 var $inner = this.$outer.find('.lg-inner');
367 $('.lg-backdrop').addClass('in');
371 _this.$outer.addClass('lg-visible');
375 …this.$outer.find('.lg-toolbar').append('<a id="lg-download" target="_blank" download class="lg-dow…
388 var $lGallery = this.$outer.find('.lg');
469 …nterTo).append('<div id="lg-counter"><span id="lg-counter-current">' + (parseInt(this.index, 10) +…
517 if (this.s.appendSubHtmlTo === '.lg-sub-html') {
534 // Add lg-empty-html class if title doesn't exist
537 this.$outer.find(this.s.appendSubHtmlTo).addClass('lg-empty-html');
539 this.$outer.find(this.s.appendSubHtmlTo).removeClass('lg-empty-html');
543 this.$el.trigger('onAfterAppendSubHtml.lg', [index]);
662 if (!_this.$slide.eq(index).hasClass('lg-loaded')) {
664 …ex).prepend('<div class="lg-video-cont" style="max-width:' + _this.s.iframeMaxWidth + '"><div clas…
668 videoClass = 'lg-has-youtube';
670 videoClass = 'lg-has-vimeo';
672 videoClass = 'lg-has-html5';
675 …pend('<div class="lg-video-cont ' + videoClass + ' "><div class="lg-video"><span class="lg-video-p…
678 … _this.$slide.eq(index).prepend('<div class="lg-video-cont "><div class="lg-video"></div></div>');
679 _this.$el.trigger('hasVideo.lg', [index, _src, _html]);
681 …_this.$slide.eq(index).prepend('<div class="lg-img-wrap"><img class="lg-object lg-image" src="' + …
684 _this.$el.trigger('onAferAppendSlide.lg', [index]);
686 _$img = _this.$slide.eq(index).find('.lg-object');
702 if (this.s.appendSubHtmlTo !== '.lg-sub-html') {
706 _this.$slide.eq(index).addClass('lg-loaded');
709 _this.$slide.eq(index).find('.lg-object').on('load.lg error.lg', function() {
716 if (delay && !$('body').hasClass('lg-from-hash')) {
721 _this.$slide.eq(index).addClass('lg-complete');
722 _this.$el.trigger('onSlideItemLoad.lg', [index, delay || 0]);
729 _this.$slide.eq(index).addClass('lg-complete');
733 if (!_this.$slide.eq(index).hasClass('lg-complete')) {
734 _this.$slide.eq(index).find('.lg-object').on('load.lg error.lg', function() {
748 ** ** Set lg.on true once slide() function gets called.
751 …** ** So on first slide( if lg.on if false that is first slide) loadContent() should start loading…
768 var _prevIndex = this.$outer.find('.lg-current').index();
792 $('#lg-download').attr('href', _src);
793 _this.$outer.removeClass('lg-hide-download');
795 _this.$outer.addClass('lg-hide-download');
799 this.$el.trigger('onBeforeSlide.lg', [_prevIndex, index, fromTouch, fromThumb]);
805 // Add title if this.s.appendSubHtmlTo === lg-sub-html
806 if (this.s.appendSubHtmlTo === '.lg-sub-html') {
827 _this.$outer.addClass('lg-no-trans');
829 this.$slide.removeClass('lg-prev-slide lg-next-slide');
834 this.$slide.eq(index).addClass('lg-prev-slide');
835 this.$slide.eq(_prevIndex).addClass('lg-next-slide');
839 this.$slide.eq(index).addClass('lg-next-slide');
840 this.$slide.eq(_prevIndex).addClass('lg-prev-slide');
845 _this.$slide.removeClass('lg-current');
847 //_this.$slide.eq(_prevIndex).removeClass('lg-current');
848 _this.$slide.eq(index).addClass('lg-current');
851 _this.$outer.removeClass('lg-no-trans');
855 this.$slide.removeClass('lg-prev-slide lg-current lg-next-slide');
880 _this.$slide.eq(touchNext).addClass('lg-next-slide');
882 _this.$slide.eq(touchPrev).addClass('lg-prev-slide');
885 _this.$slide.eq(index).addClass('lg-current');
895 _this.$el.trigger('onAfterSlide.lg', [_prevIndex, index, fromTouch, fromThumb]);
902 _this.$el.trigger('onAfterSlide.lg', [_prevIndex, index, fromTouch, fromThumb]);
908 $('#lg-counter-current').text(index + 1);
929 _this.$el.trigger('onBeforeNextSlide.lg', [_this.index]);
934 _this.$el.trigger('onBeforeNextSlide.lg', [_this.index]);
937 _this.$outer.addClass('lg-right-end');
939 _this.$outer.removeClass('lg-right-end');
960 _this.$el.trigger('onBeforePrevSlide.lg', [_this.index, fromTouch]);
965 _this.$el.trigger('onBeforePrevSlide.lg', [_this.index, fromTouch]);
968 _this.$outer.addClass('lg-left-end');
970 _this.$outer.removeClass('lg-left-end');
980 $(window).on('keyup.lg', function(e) {
995 $(window).on('keydown.lg', function(e) {
998 if (!_this.$outer.hasClass('lg-thumb-open')) {
1001 _this.$outer.removeClass('lg-thumb-open');
1009 this.$outer.find('.lg-prev').on('click.lg', function() {
1013 this.$outer.find('.lg-next').on('click.lg', function() {
1023 this.$outer.find('.lg-next').removeAttr('disabled').removeClass('disabled');
1025 this.$outer.find('.lg-next').attr('disabled', 'disabled').addClass('disabled');
1029 this.$outer.find('.lg-prev').removeAttr('disabled').removeClass('disabled');
1031 this.$outer.find('.lg-prev').attr('disabled', 'disabled').addClass('disabled');
1053 this.$outer.addClass('lg-dragging');
1059 … this.setTranslate($('.lg-prev-slide'), -this.$slide.eq(this.index).width() + distance, 0);
1060 … this.setTranslate($('.lg-next-slide'), this.$slide.eq(this.index).width() + distance, 0);
1068 if (_this.s.mode !== 'lg-slide') {
1069 _this.$outer.addClass('lg-slide');
1072 this.$slide.not('.lg-current, .lg-prev-slide, .lg-next-slide').css('opacity', '0');
1076 _this.$outer.removeClass('lg-dragging');
1084 _this.$el.trigger('onSlideClick.lg');
1092 if (!_this.$outer.hasClass('lg-dragging') && _this.s.mode !== 'lg-slide') {
1093 _this.$outer.removeClass('lg-slide');
1107 _this.$slide.on('touchstart.lg', function(e) {
1108 if (!_this.$outer.hasClass('lg-zoomed') && !_this.lgBusy) {
1115 _this.$slide.on('touchmove.lg', function(e) {
1116 if (!_this.$outer.hasClass('lg-zoomed')) {
1124 _this.$slide.on('touchend.lg', function() {
1125 if (!_this.$outer.hasClass('lg-zoomed')) {
1130 _this.$el.trigger('onSlideClick.lg');
1145 _this.$slide.on('mousedown.lg', function(e) {
1146 // execute only on .lg-object
1147 if (!_this.$outer.hasClass('lg-zoomed')) {
1148 … if ($(e.target).hasClass('lg-object') || $(e.target).hasClass('lg-video-play')) {
1162 _this.$outer.removeClass('lg-grab').addClass('lg-grabbing');
1164 _this.$el.trigger('onDragstart.lg');
1171 $(window).on('mousemove.lg', function(e) {
1176 _this.$el.trigger('onDragmove.lg');
1180 $(window).on('mouseup.lg', function(e) {
1184 _this.$el.trigger('onDragend.lg');
1185 … } else if ($(e.target).hasClass('lg-object') || $(e.target).hasClass('lg-video-play')) {
1186 _this.$el.trigger('onSlideClick.lg');
1192 _this.$outer.removeClass('lg-grabbing').addClass('lg-grab');
1210 this.$slide.removeClass('lg-next-slide lg-prev-slide');
1212 this.$slide.eq(_touchPrev).addClass('lg-prev-slide');
1215 this.$slide.eq(_touchNext).addClass('lg-next-slide');
1220 _this.$outer.on('mousewheel.lg', function(e) {
1241 this.$outer.find('.lg-close').on('click.lg', function() {
1248 // for preventing this check mousedown and mouseup happened on .lg-item or lg-outer
1249 _this.$outer.on('mousedown.lg', function(e) {
1251 …if ($(e.target).is('.lg-outer') || $(e.target).is('.lg-item ') || $(e.target).is('.lg-img-wrap')) {
1259 _this.$outer.on('mouseup.lg', function(e) {
1261 …if ($(e.target).is('.lg-outer') || $(e.target).is('.lg-item ') || $(e.target).is('.lg-img-wrap') &…
1262 if (!_this.$outer.hasClass('lg-dragging')) {
1278 _this.$el.trigger('onBeforeClose.lg');
1293 this.$items.off('click.lg click.lgcustom');
1300 this.$el.off('.lg.tm');
1313 $(window).off('.lg');
1314 $('body').removeClass('lg-on lg-from-hash');
1317 _this.$outer.removeClass('lg-visible');
1320 $('.lg-backdrop').removeClass('in');
1327 $('.lg-backdrop').remove();
1330 _this.$el.trigger('onCloseAfter.lg');