Example #1
0
 this.mVideo.load(videoUrl, ()=>{
     dom.classes.add(this.mainLoader, 'remove')
     dom.classes.add(this.arrowBtn, 'active')
     setTimeout(() => {
         this.spinnerTween.pause()
         this.spinnerTween = undefined
         dom.tree.remove(this.mainLoader)
     }, 2000)
 })
Example #2
0
 setTimeout(() => {
     dom.classes.remove(this.bottomSlide, 'active')  
 }, 1200)
Example #3
0
 const onSubMenuMouseEnter = (e)=> {
     e.preventDefault()
     dom.classes.add(e.currentTarget, 'hovered')
 }
Example #4
0
    scrollNext(dir) {
        const windowH = Store.Window.h
        const slideshowItemIndex = this.currentSlideIndex - 1
        const slide = this.slides[this.currentSlideIndex]
        const groupPosition = slide.index * windowH

        TweenMax.to(this.slidePos, 1.6, { y:-groupPosition, force3D:true, ease:Power4.easeInOut, onUpdate: () => {
            this.prefix(this.slidesHolder.style, "Transform", "translateY(" + this.slidePos.y + 'px )')
            this.lastScrollY = Math.abs(this.slidePos.y)
        }})
        
        setTimeout(() => { Actions.updateMenu(slide.index) }, 0)

        const newSlideshow = this.slideshows[slide.parent]
        
        const nextIndex = slide.parent + 1
        const nextSlideshow = this.slideshows[nextIndex]
        if (nextSlideshow) nextSlideshow.slideToFirst()

        if (newSlideshow !== undefined && this.newSlideshow !== undefined && newSlideshow.id === this.newSlideshow.id) {

            this.newSlideshow.toSlide(slide.local)

        } else {

            this.oldSlideshow = this.newSlideshow
            this.newSlideshow = newSlideshow

            if (this.newSlideshow) {
                setTimeout(() => { this.newSlideshow.activate(dir) }, 750)
                this.newSlideshow.endSlideCallback = this.endSlideCallback

                const previousIndex = slide.parent - 1
                const previousSlideshow = this.slideshows[previousIndex]
                if (previousSlideshow) previousSlideshow.toSlide(2)
            }
            if (this.oldSlideshow) {
                this.oldSlideshow.deactivate()
                this.oldSlideshow.endSlideCallback = undefined
            }

        }

        if (this.currentSlideIndex === this.slides.length - 1) {
            dom.classes.add(this.bottomSlide, 'active')
        } else {
            setTimeout(() => {
                dom.classes.remove(this.bottomSlide, 'active')  
            }, 1200)
        }

        if (this.currentSlideIndex === 0 || this.currentSlideIndex === this.slides.length - 1) {
            dom.classes.remove(this.blobsContainer, 'active')
        } else {
            dom.classes.add(this.blobsContainer, 'active')
        }

        if (this.currentSlideIndex === 0) {
            if (!Store.Detector.isMobile) this.mVideo.play(0)
        }
        
    }
Example #5
0
 const onSubMenuMouseLeave = (e)=> {
     e.preventDefault()
     dom.classes.remove(e.currentTarget, 'hovered')
 }