|
|
Line 150: |
Line 150: |
| window.jQuery || document.write('<script src="js/jquery-1.7.1.min.js"><\/script>') | | window.jQuery || document.write('<script src="js/jquery-1.7.1.min.js"><\/script>') |
| </script> | | </script> |
| + | <script src="http://note.woku1.com/images/js/bootstrap-collapse.js" type="text/javascript"></script> |
| | | |
| <!-- Analytics | | <!-- Analytics |
| ================================================== --> | | ================================================== --> |
| <script> | | <script> |
- |
| |
- | !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('.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
| |
- | 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('.active')
| |
- | , $next = next || $active[type]()
| |
- | , isCycling = this.interval
| |
- | , direction = type == 'next' ? 'left' : 'right'
| |
- | , fallback = type == 'next' ? 'first' : 'last'
| |
- | , that = this
| |
- | , e = $.Event('slide')
| |
- |
| |
- | 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)
| |
- | if (!data) $this.data('carousel', (data = new Carousel(this, options)))
| |
- | if (typeof option == 'number') data.to(option)
| |
- | else if (typeof option == 'string' || (option = options.slide)) data[option]()
| |
- | 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);
| |
| | | |
| $(document).ready(function(){ | | $(document).ready(function(){ |