diff options
| -rw-r--r-- | animism-align/frontend/app/views/viewer/player/components.media/media.carousel.js | 8 |
1 files changed, 3 insertions, 5 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/components.media/media.carousel.js b/animism-align/frontend/app/views/viewer/player/components.media/media.carousel.js index c2d091a..3759c30 100644 --- a/animism-align/frontend/app/views/viewer/player/components.media/media.carousel.js +++ b/animism-align/frontend/app/views/viewer/player/components.media/media.carousel.js @@ -23,18 +23,16 @@ const CarouselContainer = ({ element, play_ts, media }) => { spacing: SPACING, centered: true, loop: false, - // duration: 700, slideChanged: slideChanged, }) slideChangedHook = s => { - const currentSlideIndex = s.details().relativeSlide - setCurrentSlide(currentSlideIndex) + setCurrentSlide(s.details().relativeSlide) } // step thru this carousel's timeline, which is ordered in reverse BTW element.timeline.some(cue => { - if (cue.start_ts < play_ts) { + if (cue.start_ts < play_ts && (play_ts - cue.start_ts) < 0.5) { let slide_index = parseInt(cue.settings.frame_index) if (cue.settings.half_frame) { slide_index += 0.5 @@ -74,7 +72,7 @@ const CarouselComponent = ({ media, slider, sliderRef, currentSlide, currentCapt ) })} </div>, - <MediaCitation key={'caption_' + media.id} media={(currentCaption && currentCaption.title) ? currentCaption : media} />, + <MediaCitation key={'caption_' + media.id} media={(currentCaption && currentCaption.short_caption) ? currentCaption : media} />, <CarouselNav key={'arrows_' + media.id} currentSlide={currentSlide} |