[fa375fe] | 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);
|
---|