Question

对不起，标题不知道该怎么写。

我在我的网站上有一张幻灯片，该幻灯片可以旋转图像，并使用jquery通过“淡入淡出”过渡到下一张图像。但是，当网页第一次加载时，它似乎卡在了最后一张图像上，然后突然淡出了第一个图像，然后淡出了下一个图像，然后又变回了最后一个图像。我该如何解决？也感谢有关提高我的代码效率的建议

`

tmp_appointment_id

`

<div class="gallery">
  <div id="slideshow">
   <div>
     <img src="https://cdn.glitch.com/0edb9be7-73c4-4551-97c3-d6a503b8bb55%2FIMG_20180818_194324104.jpg?v=1574111770045w">
   </div>
   <div>
     <img src="https://cdn.glitch.com/0edb9be7-73c4-4551-97c3-d6a503b8bb55%2F20190323132324_IMG_1397.JPG?v=1574970665340">
   </div>
   <div>
     <img src="https://cdn.glitch.com/0edb9be7-73c4-4551-97c3-d6a503b8bb55%2FIMG_5118.JPG?v=1574971276045">
   </div>
</div>
</div>

`

.gallery{
  border-width: .6vw;
  position: fixed;
  left: 2vw;
  top: 9vw;
  position: relative; 
  width: 9vw; 
  height: 7vw; 
  padding: 1vw;
}
 #slideshow > div { 
    position: absolute; 
    top: 2vw; 
    left: 2vw; 
    right: 2vw; 
    bottom: 2vw; 
}

网站链接：https://photography--.glitch.me/

请原谅任何错误，我仍在构建中

如何使自动幻灯片放映立即消失？

0 个答案: