| /* ========================================================== | |
| * bootstrap-carousel.js v2.1.0 | |
| * http://twitter.github.com/bootstrap/javascript.html#carousel | |
| * ========================================================== | |
| * Copyright 2012 Twitter, Inc. | |
| * | |
| * Licensed under the Apache License, Version 2.0 (the "License"); | |
| * you may not use this file except in compliance with the License. | |
| * You may obtain a copy of the License at | |
| * | |
| * http://www.apache.org/licenses/LICENSE-2.0 | |
| * | |
| * Unless required by applicable law or agreed to in writing, software | |
| * distributed under the License is distributed on an "AS IS" BASIS, | |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | |
| * See the License for the specific language governing permissions and | |
| * limitations under the License. | |
| * ========================================================== */ | |
| !function ($) { | |
| "use strict"; // jshint ;_; | |
| /* CAROUSEL CLASS DEFINITION | |
| * ========================= */ | |
| var Carousel = function (element, options) { | |
| this.$element = $(element) | |
| this.options = options | |
| this.options.slide && this.slide(this.options.slide) | |
| this.options.pause == 'hover' && this.$element | |
| .on('mouseenter', $.proxy(this.pause, this)) | |
| .on('mouseleave', $.proxy(this.cycle, this)) | |
| } | |
| Carousel.prototype = { | |
| cycle: function (e) { | |
| if (!e) this.paused = false | |
| this.options.interval | |
| && !this.paused | |
| && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) | |
| return this | |
| } | |
| , to: function (pos) { | |
| var $active = this.$element.find('.item.active') | |
| , children = $active.parent().children() | |
| , activePos = children.index($active) | |
| , that = this | |
| if (pos > (children.length - 1) || pos < 0) return | |
| if (this.sliding) { | |
| return this.$element.one('slid', function () { | |
| that.to(pos) | |
| }) | |
| } | |
| if (activePos == pos) { | |
| return this.pause().cycle() | |
| } | |
| return this.slide(pos > activePos ? 'next' : 'prev', $(children[pos])) | |
| } | |
| , pause: function (e) { | |
| if (!e) this.paused = true | |
| if (this.$element.find('.next, .prev').length && $.support.transition.end) { | |
| this.$element.trigger($.support.transition.end) | |
| this.cycle() | |
| } | |
| clearInterval(this.interval) | |
| this.interval = null | |
| return this | |
| } | |
| , next: function () { | |
| if (this.sliding) return | |
| return this.slide('next') | |
| } | |
| , prev: function () { | |
| if (this.sliding) return | |
| return this.slide('prev') | |
| } | |
| , slide: function (type, next) { | |
| var $active = this.$element.find('.item.active') | |
| , $next = next || $active[type]() | |
| , isCycling = this.interval | |
| , direction = type == 'next' ? 'left' : 'right' | |
| , fallback = type == 'next' ? 'first' : 'last' | |
| , that = this | |
| , e = $.Event('slide', { | |
| relatedTarget: $next[0] | |
| }) | |
| this.sliding = true | |
| isCycling && this.pause() | |
| $next = $next.length ? $next : this.$element.find('.item')[fallback]() | |
| if ($next.hasClass('active')) return | |
| if ($.support.transition && this.$element.hasClass('slide')) { | |
| this.$element.trigger(e) | |
| if (e.isDefaultPrevented()) return | |
| $next.addClass(type) | |
| $next[0].offsetWidth // force reflow | |
| $active.addClass(direction) | |
| $next.addClass(direction) | |
| this.$element.one($.support.transition.end, function () { | |
| $next.removeClass([type, direction].join(' ')).addClass('active') | |
| $active.removeClass(['active', direction].join(' ')) | |
| that.sliding = false | |
| setTimeout(function () { that.$element.trigger('slid') }, 0) | |
| }) | |
| } else { | |
| this.$element.trigger(e) | |
| if (e.isDefaultPrevented()) return | |
| $active.removeClass('active') | |
| $next.addClass('active') | |
| this.sliding = false | |
| this.$element.trigger('slid') | |
| } | |
| isCycling && this.cycle() | |
| return this | |
| } | |
| } | |
| /* CAROUSEL PLUGIN DEFINITION | |
| * ========================== */ | |
| $.fn.carousel = function (option) { | |
| return this.each(function () { | |
| var $this = $(this) | |
| , data = $this.data('carousel') | |
| , options = $.extend({}, $.fn.carousel.defaults, typeof option == 'object' && option) | |
| , action = typeof option == 'string' ? option : options.slide | |
| if (!data) $this.data('carousel', (data = new Carousel(this, options))) | |
| if (typeof option == 'number') data.to(option) | |
| else if (action) data[action]() | |
| else if (options.interval) data.cycle() | |
| }) | |
| } | |
| $.fn.carousel.defaults = { | |
| interval: 5000 | |
| , pause: 'hover' | |
| } | |
| $.fn.carousel.Constructor = Carousel | |
| /* CAROUSEL DATA-API | |
| * ================= */ | |
| $(function () { | |
| $('body').on('click.carousel.data-api', '[data-slide]', function ( e ) { | |
| var $this = $(this), href | |
| , $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 | |
| , options = !$target.data('modal') && $.extend({}, $target.data(), $this.data()) | |
| $target.carousel(options) | |
| e.preventDefault() | |
| }) | |
| }) | |
| }(window.jQuery); |