Jquery 如何使图像滑块成为自动播放？

我有3个图像是手动滑动，但我想让它作为自动幻灯片。我的代码的结构

<div id="slideshow">
  <div class="our-clients-block col-6-tablet clear">
    <h3 class="h3">Our Factory</h3>
    <input type="radio" name="clients" id="client-tab-1" class="client-tab-radio client-tab-radio-1 none" checked>
    <label class="client-tab-label client-tab-label-1" for="client-tab-1" onclick><span class="none">Client Tab</span></label>
    <div class="client-tab client-tab-1">
     <img alt=""  src="img/f2.jpg">
    </div>
    <input type="radio" name="clients" id="client-tab-2" class="client-tab-radio client-tab-radio-2 none">
    <label class="client-tab-label client-tab-label-2" for="client-tab-2" onclick><span class="none">Client Tab</span></label>
    <div class="client-tab client-tab-2">
    <img alt=""  src="img/f3.jpg">
    </div>
    <input type="radio" name="clients" id="client-tab-3" class="client-tab-radio client-tab-radio-3 none">
    <label class="client-tab-label client-tab-label-3" for="client-tab-3" onclick><span class="none">Client Tab</span></label>
    <div class="client-tab client-tab-3">
      <img alt=""  src="img/f1.jpg">
    </div>
  </div>
 </div>

我们工厂
客户端选项卡
客户端选项卡
客户端选项卡

我试过这样的东西

<script type="text/javascript">
$("#slideshow img:gt(0)").hide();

setInterval(function() { 
  $('#slideshow img:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideshow');
},  3000);

$（“#幻灯片放映img:gt（0）”）.hide（）；
setInterval（函数（）{
$（“#幻灯片放映img:first”）
.衰减（1000）
.next（）
法丹先生（1000）
(完)
.appendTo（“#幻灯片”）；
},  3000);

---

它的工作原理是“自动播放”，但它的位置已更改为其他位置。请帮帮我。

它的CSS问题。检查图像和div的css

CSS示例：

#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 240px; 
    height: 240px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

---

我已经试过了，但是我已经有了css。我只是想让这个自动滑动@user2998756