我想在我的网站上添加幻灯片。I'；我正在使用html、css，并希望使用jquery。如何创建响应图像幻灯片

这就是我目前所拥有的。我可以将图像保存在容器中，但箭头不起作用

我需要Jquery部分的帮助，让图像自己循环运行，但也允许单击箭头来更改图像

/*标题部分所有工作*/
#容器{
宽度：1200px；
高度：628px；
边框：0px纯黑；
保证金：0自动；
位置：相对位置；
}
#容器>img{
宽度：100%高度：100%；
位置：绝对位置；
#容器>.btn1{
位置：绝对位置；
宽度：50px；
高度：50px；
边界：无；
边界半径：15px；
顶部：150px；
背景：#2ecc71；
颜色：白色；
字体大小：30px；
}
#容器>#btn1:悬停{
盒影：10px 0px 20px 0px#2ec71；
}
#容器>#btn1:悬停{
盒影：10px 0px 20px 0px#2ec71；
}
#容器>#btn1{
位置：相对位置；
浮动：对；
}

❮
❯

我建议您浏览链接

https://www.w3schools.com/howto/howto_js_slideshow.asp

幻灯片放映在理想情况下称为旋转木马。 您还可以查看具有内置旋转木马支持的引导框架

https://www.w3schools.com/bootstrap/bootstrap_carousel.asp

---

我建议你通过这个链接

https://www.w3schools.com/howto/howto_js_slideshow.asp

幻灯片放映在理想情况下称为旋转木马。 您还可以查看具有内置旋转木马支持的引导框架

https://www.w3schools.com/bootstrap/bootstrap_carousel.asp

---

以下是javascript代码：

<script>
    var slideIndex = 1;
    showDivs(slideIndex);

    function plusDivs(n) {
        showDivs(slideIndex += n);
     }

    function showDivs(n) {
      var i;
      var x = document.getElementsByClassName("slides");
      if (n > x.length) {slideIndex = 1}    
      if (n < 1) {slideIndex = x.length}
      for (i = 0; i < x.length; i++) {
      x[i].style.display = "none";  
      }
     x[slideIndex-1].style.display = "block";  
   }
</script>

var slideIndex=1；
showDivs（slideIndex）；
函数plusDivs（n）{
showDivs（slideIndex+=n）；
}
函数showDivs（n）{
var i；
var x=document.getElementsByClassName（“幻灯片”）；
如果（n>x.length）{slideIndex=1}
如果（n<1）{slideIndex=x.length}
对于（i=0；i

以下是javascript代码：

<script>
    var slideIndex = 1;
    showDivs(slideIndex);

    function plusDivs(n) {
        showDivs(slideIndex += n);
     }

    function showDivs(n) {
      var i;
      var x = document.getElementsByClassName("slides");
      if (n > x.length) {slideIndex = 1}    
      if (n < 1) {slideIndex = x.length}
      for (i = 0; i < x.length; i++) {
      x[i].style.display = "none";  
      }
     x[slideIndex-1].style.display = "block";  
   }
</script>

var slideIndex=1；
showDivs（slideIndex）；
函数plusDivs（n）{
showDivs（slideIndex+=n）；
}
函数showDivs（n）{
var i；
var x=document.getElementsByClassName（“幻灯片”）；
如果（n>x.length）{slideIndex=1}
如果（n<1）{slideIndex=x.length}
对于（i=0；i

请为您尝试的代码创建JSFIDLE或Codepen请为您尝试的代码创建JSFIDLE或Codepen