Javascript 使用滑动条创建图像库

我想用滑动条制作一个图像。滚动滑块时，图像会发生变化。怎样才能做到呢

此链接上类似于项目更新的内容：

看到这个了吗

$（“.scroll img wrap:first”）.show（）； $（“.slider”）.slider({ 动画：对， 射程：“分钟”， 值：0， 分:0,， 最大：$（“.scroll img wrap”）。长度-1， 步骤：1

    slide: function( event, ui ) {
        $(".scroll-img-wrap").hide();
        $(".scroll-img-wrap:eq("+ui.value+")").show();
    },
    change: function(event, ui) {       
    }

});

---

滑块必须位于图像上方。

您尚未详细解释您的问题，但我可能知道您想做什么

我就是这样做的

首先为每个要作为滑块的图像创建div

<div class="pic1">

</div>
<div class="pic2">

</div>
<div class="pic3">

</div>

最后，您将使用jQuery在pic类上生成样式效果

$(document).scroll(function(){
if($(this).scrollTop() > 600){
  $('.pic1').fadeIn();
}

---

}))

你看过我分享的链接了吗？请转到“进度更新”部分并提出建议。

.pic1{
  background:url(../images/background4.jpg) no-repeat center center fixed;
  height:100vh;
}

$(document).scroll(function(){
if($(this).scrollTop() > 600){
  $('.pic1').fadeIn();
}