Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/opencv/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在向左或向右滚动最大值时获取JS eventListener_Javascript_Html - Fatal编程技术网

Javascript 在向左或向右滚动最大值时获取JS eventListener

Javascript 在向左或向右滚动最大值时获取JS eventListener,javascript,html,Javascript,Html,我有一个带箭头的幻灯片来滚动幻灯片 我想让箭头消失时,我到达滚动结束(右或左) 我知道如何使用hide函数用Javascript隐藏箭头,但是我不知道如何获得正确的事件来运行此函数 有人知道当我达到向右或向左滚动的最大值时,我可以使用什么事件来检查吗 <div class="slideshow"> <div class="displayImage"> <img id="featured"

我有一个带箭头的幻灯片来滚动幻灯片

我想让箭头消失时,我到达滚动结束(右或左)

我知道如何使用hide函数用Javascript隐藏箭头,但是我不知道如何获得正确的事件来运行此函数

有人知道当我达到向右或向左滚动的最大值时,我可以使用什么事件来检查吗

<div class="slideshow">
   <div class="displayImage">
      <img id="featured" src="{{ game.imageMain }}">
   </div>
   <div class="row slide-wrapper">
       <div class="arrow" id="prev"></div>
       <div id="slider">
           <img class="thumbnail thumbnail-active" src="{{ game.imageMain }}">

           {% for image in game.images%}
               <img class="thumbnail" src="{{ image.url }} alt="{{ image.caption }}"">
           {% endfor %}
                                        
       </div>
       <div class="arrow" id="next"></div>
    </div>
</div>

{%用于游戏中的图像。图像%}
{%endfor%}
以下是JS:

let thumbnails = document.getElementsByClassName('thumbnail')
let activeimages = document.getElementsByClassName('thumbnail-active')

for (var i = 0; i < thumbnails.length; i++) {
    thumbnails[i].addEventListener('mouseover', function() {
        
        if (activeimages.length > 0) {
        activeimages[0].classList.remove('thumbnail-active')
        }
        this.classList.add('thumbnail-active')
        document.getElementById('featured').src = this.src
    })
}
let prev = document.getElementById('prev')
let next = document.getElementById('next')


prev.addEventListener('click', function(){
    document.getElementById('slider').scrollLeft -= 180
})
next.addEventListener('click', function(){
    document.getElementById('slider').scrollLeft += 180
})
let thumbnails=document.getElementsByClassName('thumbnail'))
让activeimages=document.getElementsByClassName('thumbnail-active')
对于(变量i=0;i0){
activeimages[0]。类列表。删除('thumbnail-active')
}
this.classList.add('thumbnail-active')
document.getElementById('featured').src=this.src
})
}
让prev=document.getElementById('prev')
let next=document.getElementById('next')
prev.addEventListener('单击',函数()){
document.getElementById('slider')。scrollLeft-=180
})
next.addEventListener('click',function()){
document.getElementById('slider')。scrollLeft+=180
})

问候

我试着再回来看看是否有人能帮忙