diff options
author | Johann <johann.servoire@gmail.com> | 2017-03-23 00:42:13 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-03-23 00:42:13 +0300 |
commit | c72a315740c852152c1bc6a34bf2b4c2372fe389 (patch) | |
tree | be8b706a518eb97ec311b3ad79ffa0e227f337c4 /js/src | |
parent | 78fc4d23fcefe31397444b75f43728c38e13c590 (diff) |
Carousel - Add attributes from and to for Slid and Slide events (#21668)
Carousel - Add attributes from and to for Slid and Slide events
Diffstat (limited to 'js/src')
-rw-r--r-- | js/src/carousel.js | 13 |
1 files changed, 10 insertions, 3 deletions
diff --git a/js/src/carousel.js b/js/src/carousel.js index 8a75cb240e..1aca817f12 100644 --- a/js/src/carousel.js +++ b/js/src/carousel.js @@ -282,9 +282,13 @@ const Carousel = (($) => { _triggerSlideEvent(relatedTarget, eventDirectionName) { + const targetIndex = this._getItemIndex(relatedTarget) + const fromIndex = this._getItemIndex($(this._element).find(Selector.ACTIVE_ITEM)[0]) const slideEvent = $.Event(Event.SLIDE, { relatedTarget, - direction: eventDirectionName + direction: eventDirectionName, + from: fromIndex, + to: targetIndex }) $(this._element).trigger(slideEvent) @@ -310,9 +314,10 @@ const Carousel = (($) => { _slide(direction, element) { const activeElement = $(this._element).find(Selector.ACTIVE_ITEM)[0] + const activeElementIndex = this._getItemIndex(activeElement) const nextElement = element || activeElement && this._getItemByDirection(direction, activeElement) - + const nextElementIndex = this._getItemIndex(nextElement) const isCycling = Boolean(this._interval) let directionalClassName @@ -354,7 +359,9 @@ const Carousel = (($) => { const slidEvent = $.Event(Event.SLID, { relatedTarget: nextElement, - direction: eventDirectionName + direction: eventDirectionName, + from: activeElementIndex, + to: nextElementIndex }) if (Util.supportsTransitionEnd() && |