[miniProjects] 26_Double Vertical Slider

보리·2023λ…„ 6μ›” 16일
0

miniProjects

λͺ©λ‘ 보기
26/47
post-thumbnail

26_Double Vertical Slider

πŸ’» 주제 : μ–‘μͺ½μ— 이미지와 ν…μŠ€νŠΈκ°€ 있음. ν™”μ‚΄ν‘œλ₯Ό 눌러 이미지와 ν…μŠ€νŠΈλ₯Ό λ°”κΏ€ 수 μžˆλŠ” νŽ˜μ΄μ§€


  • ν™”μ‚΄ν‘œμ— 따라 이미지와 ν…μŠ€νŠΈκ°€ λ°”λ€Œμ–΄μ•Ό 함.
const sliderHeight = sliderContainer.clientHeight
    if(direction === 'up') {
        activeSlideIndex++
        if(activeSlideIndex > slidesLength - 1) {
            activeSlideIndex = 0
        }
    } else if(direction === 'down') {
        activeSlideIndex--
        if(activeSlideIndex < 0) {
            activeSlideIndex = slidesLength - 1
        }
    }
profile
μ •μ‹ μ°¨λ € 이 κ°λ°•ν•œ μ„Έμƒμ†μ—μ„œ

0개의 λŒ“κΈ€