Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果光标在JS中悬停滑块,则暂停幻灯片放映_Javascript_Html_Slider - Fatal编程技术网

Javascript 如果光标在JS中悬停滑块,则暂停幻灯片放映

Javascript 如果光标在JS中悬停滑块,则暂停幻灯片放映,javascript,html,slider,Javascript,Html,Slider,我正在做一个学校项目,我需要根据WCAG标准暂停滑块。当鼠标悬停在JS文件上并停止光标时,你能给我发个短信告诉我应该向JS文件添加什么来制作一个滑块吗 我的HTML: <div class="slideshow-container"> <div class="mySlides fade"> <div class="numbertext">1 / 3&l

我正在做一个学校项目,我需要根据WCAG标准暂停滑块。当鼠标悬停在JS文件上并停止光标时,你能给我发个短信告诉我应该向JS文件添加什么来制作一个滑块吗

我的HTML:

     <div class="slideshow-container">
          <div class="mySlides fade">
          <div class="numbertext">1 / 3</div>
          <a href=#stranka><img src="Pic/industry-3775533_1920.jpg" alt="kamenný lom" style="width:100%"></a>
            <div class="text-block">
              <h4>Lorem ipsum dolor sit amet</h4>
              <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut tempus purus at lorem. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Fusce suscipit libero eget elit. Integer vulputate sem a nibh rutrum consequat. Duis condimentum augue id magna semper rutrum. Aliquam erat volutpat. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Aenean vel massa quis mauris vehicula lacinia. Morbi leo mi, </p>
          </div>
          <div class="text-pic">
            <img src="Pic/Letanne.png" alt="pic" style="width:200px; border-radius: 2pt;           border: 1.5px solid black;">
         <h1>Štěrk Lettane</h1>
         <p>Lorem ipsum dolor sit amet r sit amet  </p>
         <button class="button"><strong>Zobrazit detaily</strong></button> 
        </div>
          <div class="text">Jeden z našich kamenných lomů.</div>
        </div>
        <br>
        <script src="myscripts.js">
        </script>
    </div>

1/3
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet,是一位杰出的领导者。我们在洛勒姆的坦普尔斯。最重要的一点是,在劳动和就业领域,所有人都有自己的权利、义务和义务。他是自由精英。整粒紫荆花。二人组调味品奥古斯大酒庄。阿利奎姆·埃拉特·帕特。纳勒姆·萨皮安·sem、奥纳·ac、诺米·诺、洛博蒂斯·阿尼姆。这是一辆汽车。莫比·利奥·米

什蒂尔克勒坦 Lorem ipsum door sit amet r sit amet

Zobrazit详细说明 杰登·纳希奇·卡门奇·洛姆(Jeden z našich kamenných lomů)。
我的JS:

  var slideIndex = 0;
    showSlides();
    
    function showSlides() {
      var i;
      var slides = document.getElementsByClassName("mySlides");
      var dots = document.getElementsByClassName("dot");
      for (i = 0; i < slides.length; i++) {
        slides[i].style.display = "none";  
      }
      slideIndex++;
      if (slideIndex > slides.length) {slideIndex = 1}    
      for (i = 0; i < dots.length; i++) {
        dots[i].className = dots[i].className.replace(" active", "");
      }

   
      slides[slideIndex-1].style.display = "block";  
      dots[slideIndex-1].className += " active";
      setTimeout(showSlides, 8000); 
    }
var slideIndex=0;
放映幻灯片();
函数showSlides(){
var i;
var slides=document.getElementsByClassName(“mySlides”);
var dots=document.getElementsByClassName(“dot”);
对于(i=0;islides.length){slideIndex=1}
对于(i=0;i
您可以尝试此人的代码: