lg-pager.js 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. /**!
  2. * lg-pager.js | 0.0.1 | August 1st 2016
  3. * http://sachinchoolur.github.io/lg-pager.js
  4. * Copyright (c) 2016 Sachin N;
  5. * @license Apache 2.0
  6. */(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.LgPager = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
  7. (function (global, factory) {
  8. if (typeof define === "function" && define.amd) {
  9. define([], factory);
  10. } else if (typeof exports !== "undefined") {
  11. factory();
  12. } else {
  13. var mod = {
  14. exports: {}
  15. };
  16. factory();
  17. global.lgPager = mod.exports;
  18. }
  19. })(this, function () {
  20. 'use strict';
  21. var _extends = Object.assign || function (target) {
  22. for (var i = 1; i < arguments.length; i++) {
  23. var source = arguments[i];
  24. for (var key in source) {
  25. if (Object.prototype.hasOwnProperty.call(source, key)) {
  26. target[key] = source[key];
  27. }
  28. }
  29. }
  30. return target;
  31. };
  32. var pagerDefaults = {
  33. pager: false
  34. };
  35. var Pager = function Pager(element) {
  36. this.el = element;
  37. this.core = window.lgData[this.el.getAttribute('lg-uid')];
  38. this.core.s = _extends({}, pagerDefaults, this.core.s);
  39. if (this.core.s.pager && this.core.items.length > 1) {
  40. this.init();
  41. }
  42. return this;
  43. };
  44. Pager.prototype.init = function () {
  45. var _this = this;
  46. var pagerList = '';
  47. var $pagerCont;
  48. var $pagerOuter;
  49. var timeout;
  50. _this.core.outer.querySelector('.lg').insertAdjacentHTML('beforeend', '<div class="lg-pager-outer"></div>');
  51. if (_this.core.s.dynamic) {
  52. for (var j = 0; j < _this.core.s.dynamicEl.length; j++) {
  53. pagerList += '<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="' + _this.core.s.dynamicEl[j].thumb + '" /></div></span>';
  54. }
  55. } else {
  56. for (var i = 0; i < _this.core.items.length; i++) {
  57. if (!_this.core.s.exThumbImage) {
  58. pagerList += '<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="' + _this.core.items[i].querySelector('img').getAttribute('src') + '" /></div></span>';
  59. } else {
  60. pagerList += '<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="' + _this.core.items[i].getAttribute(_this.core.s.exThumbImage) + '" /></div></span>';
  61. }
  62. }
  63. }
  64. $pagerOuter = _this.core.outer.querySelector('.lg-pager-outer');
  65. $pagerOuter.innerHTML = pagerList;
  66. $pagerCont = _this.core.outer.querySelectorAll('.lg-pager-cont');
  67. for (var k = 0; k < $pagerCont.length; k++) {
  68. /*jshint loopfunc: true */
  69. (function (index) {
  70. utils.on($pagerCont[index], 'click.lg touchend.lg', function () {
  71. _this.core.index = index;
  72. _this.core.slide(_this.core.index, false, false);
  73. });
  74. })(k);
  75. }
  76. utils.on($pagerOuter, 'mouseover.lg', function () {
  77. clearTimeout(timeout);
  78. utils.addClass($pagerOuter, 'lg-pager-hover');
  79. });
  80. utils.on($pagerOuter, 'mouseout.lg', function () {
  81. timeout = setTimeout(function () {
  82. utils.removeClass($pagerOuter, 'lg-pager-hover');
  83. });
  84. });
  85. utils.on(_this.core.el, 'onBeforeSlide.lgtm', function (e) {
  86. for (var n = 0; n < $pagerCont.length; n++) {
  87. utils.removeClass($pagerCont[n], 'lg-pager-active');
  88. if (e.detail.index === n) {
  89. utils.addClass($pagerCont[n], 'lg-pager-active');
  90. }
  91. }
  92. });
  93. };
  94. Pager.prototype.destroy = function () {};
  95. window.lgModules.pager = Pager;
  96. });
  97. },{}]},{},[1])(1)
  98. });