1 | /* ========================================================================
|
---|
2 | * Bootstrap: carousel.js v3.4.1
|
---|
3 | * https://getbootstrap.com/docs/3.4/javascript/#carousel
|
---|
4 | * ========================================================================
|
---|
5 | * Copyright 2011-2019 Twitter, Inc.
|
---|
6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
---|
7 | * ======================================================================== */
|
---|
8 |
|
---|
9 |
|
---|
10 | +function ($) {
|
---|
11 | 'use strict';
|
---|
12 |
|
---|
13 | // CAROUSEL CLASS DEFINITION
|
---|
14 | // =========================
|
---|
15 |
|
---|
16 | var Carousel = function (element, options) {
|
---|
17 | this.$element = $(element)
|
---|
18 | this.$indicators = this.$element.find('.carousel-indicators')
|
---|
19 | this.options = options
|
---|
20 | this.paused = null
|
---|
21 | this.sliding = null
|
---|
22 | this.interval = null
|
---|
23 | this.$active = null
|
---|
24 | this.$items = null
|
---|
25 |
|
---|
26 | this.options.keyboard && this.$element.on('keydown.bs.carousel', $.proxy(this.keydown, this))
|
---|
27 |
|
---|
28 | this.options.pause == 'hover' && !('ontouchstart' in document.documentElement) && this.$element
|
---|
29 | .on('mouseenter.bs.carousel', $.proxy(this.pause, this))
|
---|
30 | .on('mouseleave.bs.carousel', $.proxy(this.cycle, this))
|
---|
31 | }
|
---|
32 |
|
---|
33 | Carousel.VERSION = '3.4.1'
|
---|
34 |
|
---|
35 | Carousel.TRANSITION_DURATION = 600
|
---|
36 |
|
---|
37 | Carousel.DEFAULTS = {
|
---|
38 | interval: 5000,
|
---|
39 | pause: 'hover',
|
---|
40 | wrap: true,
|
---|
41 | keyboard: true
|
---|
42 | }
|
---|
43 |
|
---|
44 | Carousel.prototype.keydown = function (e) {
|
---|
45 | if (/input|textarea/i.test(e.target.tagName)) return
|
---|
46 | switch (e.which) {
|
---|
47 | case 37: this.prev(); break
|
---|
48 | case 39: this.next(); break
|
---|
49 | default: return
|
---|
50 | }
|
---|
51 |
|
---|
52 | e.preventDefault()
|
---|
53 | }
|
---|
54 |
|
---|
55 | Carousel.prototype.cycle = function (e) {
|
---|
56 | e || (this.paused = false)
|
---|
57 |
|
---|
58 | this.interval && clearInterval(this.interval)
|
---|
59 |
|
---|
60 | this.options.interval
|
---|
61 | && !this.paused
|
---|
62 | && (this.interval = setInterval($.proxy(this.next, this), this.options.interval))
|
---|
63 |
|
---|
64 | return this
|
---|
65 | }
|
---|
66 |
|
---|
67 | Carousel.prototype.getItemIndex = function (item) {
|
---|
68 | this.$items = item.parent().children('.item')
|
---|
69 | return this.$items.index(item || this.$active)
|
---|
70 | }
|
---|
71 |
|
---|
72 | Carousel.prototype.getItemForDirection = function (direction, active) {
|
---|
73 | var activeIndex = this.getItemIndex(active)
|
---|
74 | var willWrap = (direction == 'prev' && activeIndex === 0)
|
---|
75 | || (direction == 'next' && activeIndex == (this.$items.length - 1))
|
---|
76 | if (willWrap && !this.options.wrap) return active
|
---|
77 | var delta = direction == 'prev' ? -1 : 1
|
---|
78 | var itemIndex = (activeIndex + delta) % this.$items.length
|
---|
79 | return this.$items.eq(itemIndex)
|
---|
80 | }
|
---|
81 |
|
---|
82 | Carousel.prototype.to = function (pos) {
|
---|
83 | var that = this
|
---|
84 | var activeIndex = this.getItemIndex(this.$active = this.$element.find('.item.active'))
|
---|
85 |
|
---|
86 | if (pos > (this.$items.length - 1) || pos < 0) return
|
---|
87 |
|
---|
88 | if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) }) // yes, "slid"
|
---|
89 | if (activeIndex == pos) return this.pause().cycle()
|
---|
90 |
|
---|
91 | return this.slide(pos > activeIndex ? 'next' : 'prev', this.$items.eq(pos))
|
---|
92 | }
|
---|
93 |
|
---|
94 | Carousel.prototype.pause = function (e) {
|
---|
95 | e || (this.paused = true)
|
---|
96 |
|
---|
97 | if (this.$element.find('.next, .prev').length && $.support.transition) {
|
---|
98 | this.$element.trigger($.support.transition.end)
|
---|
99 | this.cycle(true)
|
---|
100 | }
|
---|
101 |
|
---|
102 | this.interval = clearInterval(this.interval)
|
---|
103 |
|
---|
104 | return this
|
---|
105 | }
|
---|
106 |
|
---|
107 | Carousel.prototype.next = function () {
|
---|
108 | if (this.sliding) return
|
---|
109 | return this.slide('next')
|
---|
110 | }
|
---|
111 |
|
---|
112 | Carousel.prototype.prev = function () {
|
---|
113 | if (this.sliding) return
|
---|
114 | return this.slide('prev')
|
---|
115 | }
|
---|
116 |
|
---|
117 | Carousel.prototype.slide = function (type, next) {
|
---|
118 | var $active = this.$element.find('.item.active')
|
---|
119 | var $next = next || this.getItemForDirection(type, $active)
|
---|
120 | var isCycling = this.interval
|
---|
121 | var direction = type == 'next' ? 'left' : 'right'
|
---|
122 | var that = this
|
---|
123 |
|
---|
124 | if ($next.hasClass('active')) return (this.sliding = false)
|
---|
125 |
|
---|
126 | var relatedTarget = $next[0]
|
---|
127 | var slideEvent = $.Event('slide.bs.carousel', {
|
---|
128 | relatedTarget: relatedTarget,
|
---|
129 | direction: direction
|
---|
130 | })
|
---|
131 | this.$element.trigger(slideEvent)
|
---|
132 | if (slideEvent.isDefaultPrevented()) return
|
---|
133 |
|
---|
134 | this.sliding = true
|
---|
135 |
|
---|
136 | isCycling && this.pause()
|
---|
137 |
|
---|
138 | if (this.$indicators.length) {
|
---|
139 | this.$indicators.find('.active').removeClass('active')
|
---|
140 | var $nextIndicator = $(this.$indicators.children()[this.getItemIndex($next)])
|
---|
141 | $nextIndicator && $nextIndicator.addClass('active')
|
---|
142 | }
|
---|
143 |
|
---|
144 | var slidEvent = $.Event('slid.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) // yes, "slid"
|
---|
145 | if ($.support.transition && this.$element.hasClass('slide')) {
|
---|
146 | $next.addClass(type)
|
---|
147 | if (typeof $next === 'object' && $next.length) {
|
---|
148 | $next[0].offsetWidth // force reflow
|
---|
149 | }
|
---|
150 | $active.addClass(direction)
|
---|
151 | $next.addClass(direction)
|
---|
152 | $active
|
---|
153 | .one('bsTransitionEnd', function () {
|
---|
154 | $next.removeClass([type, direction].join(' ')).addClass('active')
|
---|
155 | $active.removeClass(['active', direction].join(' '))
|
---|
156 | that.sliding = false
|
---|
157 | setTimeout(function () {
|
---|
158 | that.$element.trigger(slidEvent)
|
---|
159 | }, 0)
|
---|
160 | })
|
---|
161 | .emulateTransitionEnd(Carousel.TRANSITION_DURATION)
|
---|
162 | } else {
|
---|
163 | $active.removeClass('active')
|
---|
164 | $next.addClass('active')
|
---|
165 | this.sliding = false
|
---|
166 | this.$element.trigger(slidEvent)
|
---|
167 | }
|
---|
168 |
|
---|
169 | isCycling && this.cycle()
|
---|
170 |
|
---|
171 | return this
|
---|
172 | }
|
---|
173 |
|
---|
174 |
|
---|
175 | // CAROUSEL PLUGIN DEFINITION
|
---|
176 | // ==========================
|
---|
177 |
|
---|
178 | function Plugin(option) {
|
---|
179 | return this.each(function () {
|
---|
180 | var $this = $(this)
|
---|
181 | var data = $this.data('bs.carousel')
|
---|
182 | var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option)
|
---|
183 | var action = typeof option == 'string' ? option : options.slide
|
---|
184 |
|
---|
185 | if (!data) $this.data('bs.carousel', (data = new Carousel(this, options)))
|
---|
186 | if (typeof option == 'number') data.to(option)
|
---|
187 | else if (action) data[action]()
|
---|
188 | else if (options.interval) data.pause().cycle()
|
---|
189 | })
|
---|
190 | }
|
---|
191 |
|
---|
192 | var old = $.fn.carousel
|
---|
193 |
|
---|
194 | $.fn.carousel = Plugin
|
---|
195 | $.fn.carousel.Constructor = Carousel
|
---|
196 |
|
---|
197 |
|
---|
198 | // CAROUSEL NO CONFLICT
|
---|
199 | // ====================
|
---|
200 |
|
---|
201 | $.fn.carousel.noConflict = function () {
|
---|
202 | $.fn.carousel = old
|
---|
203 | return this
|
---|
204 | }
|
---|
205 |
|
---|
206 |
|
---|
207 | // CAROUSEL DATA-API
|
---|
208 | // =================
|
---|
209 |
|
---|
210 | var clickHandler = function (e) {
|
---|
211 | var $this = $(this)
|
---|
212 | var href = $this.attr('href')
|
---|
213 | if (href) {
|
---|
214 | href = href.replace(/.*(?=#[^\s]+$)/, '') // strip for ie7
|
---|
215 | }
|
---|
216 |
|
---|
217 | var target = $this.attr('data-target') || href
|
---|
218 | var $target = $(document).find(target)
|
---|
219 |
|
---|
220 | if (!$target.hasClass('carousel')) return
|
---|
221 |
|
---|
222 | var options = $.extend({}, $target.data(), $this.data())
|
---|
223 | var slideIndex = $this.attr('data-slide-to')
|
---|
224 | if (slideIndex) options.interval = false
|
---|
225 |
|
---|
226 | Plugin.call($target, options)
|
---|
227 |
|
---|
228 | if (slideIndex) {
|
---|
229 | $target.data('bs.carousel').to(slideIndex)
|
---|
230 | }
|
---|
231 |
|
---|
232 | e.preventDefault()
|
---|
233 | }
|
---|
234 |
|
---|
235 | $(document)
|
---|
236 | .on('click.bs.carousel.data-api', '[data-slide]', clickHandler)
|
---|
237 | .on('click.bs.carousel.data-api', '[data-slide-to]', clickHandler)
|
---|
238 |
|
---|
239 | $(window).on('load', function () {
|
---|
240 | $('[data-ride="carousel"]').each(function () {
|
---|
241 | var $carousel = $(this)
|
---|
242 | Plugin.call($carousel, $carousel.data())
|
---|
243 | })
|
---|
244 | })
|
---|
245 |
|
---|
246 | }(jQuery);
|
---|