Javascript 如何创建固定的js滑块

我有一个java滑块即时通讯工程的新网站，我有麻烦得到它是一个固定的大小，它自己的大小调整到图像的大小。我怎样才能使它相对

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

滑块
绿景滑块

您可能需要更新代码，如下所示

    <div class="w3-content" style="width:50%;height:50%;position:absolute;float:left;left:0;">
      <img class="mySlides" src="http://s585624729.websitehome.co.uk/wp-content/uploads/2016/09/cropped-Profile-Pic-1-1.jpg" style="width:100%;height:100%;">
      <img class="mySlides" src="http://s585624729.websitehome.co.uk/wp-content/uploads/2016/09/Roiente-Connect-1.png" style="width:100%;height:100%;">
      <img class="mySlides" src="http://s585624729.websitehome.co.uk/wp-content/uploads/2016/09/How-solar-works-1.png" style="width:100%;height:100%;">
      <img class="mySlides" src="http://s585624729.websitehome.co.uk/wp-content/uploads/2016/09/Greenscape-Logo-1.png" style="width:100%;height:100%;">
      <img class="mySlides" src="http://s585624729.websitehome.co.uk/wp-content/uploads/2016/09/Trevor-Sheldrick1-1.jpg" style="width:100%;height:100%;">

      <a class="w3-btn-floating" style="position:absolute;top:45%;left:0;" onclick="plusDivs(-1)"><</a>
      <a class="w3-btn-floating" style="position:absolute;top:45%;right:0" onclick="plusDivs(1)">></a>
    </div>

---

您可能需要更新代码，如下所示

    <div class="w3-content" style="width:50%;height:50%;position:absolute;float:left;left:0;">
      <img class="mySlides" src="http://s585624729.websitehome.co.uk/wp-content/uploads/2016/09/cropped-Profile-Pic-1-1.jpg" style="width:100%;height:100%;">
      <img class="mySlides" src="http://s585624729.websitehome.co.uk/wp-content/uploads/2016/09/Roiente-Connect-1.png" style="width:100%;height:100%;">
      <img class="mySlides" src="http://s585624729.websitehome.co.uk/wp-content/uploads/2016/09/How-solar-works-1.png" style="width:100%;height:100%;">
      <img class="mySlides" src="http://s585624729.websitehome.co.uk/wp-content/uploads/2016/09/Greenscape-Logo-1.png" style="width:100%;height:100%;">
      <img class="mySlides" src="http://s585624729.websitehome.co.uk/wp-content/uploads/2016/09/Trevor-Sheldrick1-1.jpg" style="width:100%;height:100%;">

      <a class="w3-btn-floating" style="position:absolute;top:45%;left:0;" onclick="plusDivs(-1)"><</a>
      <a class="w3-btn-floating" style="position:absolute;top:45%;right:0" onclick="plusDivs(1)">></a>
    </div>