代码之家  ›  专栏  ›  技术社区  ›  Ramsha Khalid

加载时的图像幻灯片无法正常播放

  •  2
  • Ramsha Khalid  · 技术社区  · 6 年前

    我知道这个问题以前被问过很多次,但是我检查了大部分问题,没有找到解决问题的方法,所以我在这里再次问。

    所以,问题是:

    我正在做一个电影网站项目。 我在主页上添加了一些图片作为幻灯片放映,但由于某些原因,幻灯片放映无法正常工作。它有一些小毛病,比如有时顺序不正确,有时所有的图片试图一次出现,或者它们变化非常快等等。

    这是我的幻灯片html代码:

    <div class="bg-movies" style="top: 65%;">
        <img src='images/slideshow/war.jpg' width='1000' height='300' 
        onload="setSlide();"/>
    </div>
    

    <script language='javascript'>
        <!--
            var toprated=new Array('sarkar.jpg','hajwala.jpg','96.jpg','war.jpg');
            var pos=0,x;
            document.images[1].src='images/slideshow/'+toprated[0];
    
            function setSlide(){
                x=setInterval('chgPic()',2000);
            }
    
            function chgPic(){
                    pos=(++pos)%toprated.length;
                    document.images[1].src="images/slideshow/"+toprated[pos];
            }
        -->
    </script>
    
    1 回复  |  直到 6 年前
        1
  •  2
  •   ViqMontana    6 年前

    你的问题是递归。你在打电话给警察 setSlide() 方法加载图像后。这将设置调用的间隔 chgPic() chgPic() 方法,并更新图像src onload 网上活动 img setSlide() 将再次调用,这将设置另一个间隔来调用 方法等等。我很惊讶你的浏览器没有崩溃。

    setSlide()

    $( document ).ready(function() 
    {
    }
    

    打电话给你的 setSlide() 方法在这里。

    this 链接