Search jQuery

jQuery Forum

Screen name:
SamuelWilliams

SamuelWilliams's Profile

1 Posts

1 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Help modify this bootstrap.js carusel to initailize scrolling immediately on page load within 5 seconds.
[2Replies]
- 24-Jul-2015 10:43 PM
- Forum: Using jQuery Plugins
/* ========================================================================

* Bootstrap: carousel.js v3.1.1

* http://getbootstrap.com/javascript/#carousel

* ========================================================================

* Copyright 2011-2014 Twitter, Inc.

* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

* ======================================================================== */

+function ($) {

'use strict';

// CAROUSEL CLASS DEFINITION

// =========================

var Carousel = function (element, options) {

this.$element = $(element)

this.$indicators = this.$element.find('.carousel-indicators')

this.options = options

this.paused =

this.sliding =

this.interval =

this.$active =

this.$items = null

this.options.pause == 'hover' && this.$element

.on('mouseenter', $.proxy(this.pause, this))

.on('mouseleave', $.proxy(this.cycle, this))

}

Carousel.DEFAULTS = {

interval: 5000,

pause: 'hover',

wrap: true

}

Carousel.prototype.cycle = function (e) {

e || (this.paused = false)

this.interval && clearInterval(this.interval)

this.options.interval

&& !this.paused

&& (this.interval = setInterval($.proxy(this.next, this), this.options.interval))

return this

}

Carousel.prototype.getActiveIndex = function () {

this.$active = this.$element.find('.item.active')

this.$items = this.$active.parent().children()

return this.$items.index(this.$active)

}

Carousel.prototype.to = function (pos) {

var that = this

var activeIndex = this.getActiveIndex()

if (pos > (this.$items.length - 1) || pos < 0) return

if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) })

if (activeIndex == pos) return this.pause().cycle()

return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos]))

}

Carousel.prototype.pause = function (e) {

e || (this.paused = true)

if (this.$element.find('.next, .prev').length && $.support.transition) {

this.$element.trigger($.support.transition.end)

this.cycle(true)

}

this.interval = clearInterval(this.interval)

return this

}

Carousel.prototype.next = function () {

if (this.sliding) return

return this.slide('next')

}

Carousel.prototype.prev = function () {

if (this.sliding) return

return this.slide('prev')

}

Carousel.prototype.slide = function (type, next) {

var $active = this.$element.find('.item.active')

var $next = next || $active[type]()

var isCycling = this.interval

var direction = type == 'next' ? 'left' : 'right'

var fallback = type == 'next' ? 'first' : 'last'

var that = this

if (!$next.length) {

if (!this.options.wrap) return

$next = this.$element.find('.item')[fallback]()

}

if ($next.hasClass('active')) return this.sliding = false

var e = $.Event('slide.bs.carousel', { relatedTarget: $next[0], direction: direction })

this.$element.trigger(e)

if (e.isDefaultPrevented()) return

this.sliding = true

isCycling && this.pause()

if (this.$indicators.length) {

this.$indicators.find('.active').removeClass('active')

this.$element.one('slid.bs.carousel', function () {

var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()])

$nextIndicator && $nextIndicator.addClass('active')

})

}

if ($.support.transition && this.$element.hasClass('slide')) {

$next.addClass(type)

$next[0].offsetWidth // force reflow

$active.addClass(direction)

$next.addClass(direction)

$active

.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.bs.carousel') }, 0)

})

.emulateTransitionEnd($active.css('transition-duration').slice(0, -1) * 1000)

} else {

$active.removeClass('active')

$next.addClass('active')

this.sliding = false

this.$element.trigger('slid.bs.carousel')

}

isCycling && this.cycle()

return this

}

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend