如何阻止加載javascript幻燈片之前加載我的圖像？

我是新來的，有一個快速的問題。我的主頁上有一個非常簡單的幻燈片。我遇到的問題是加載頁面的第一秒左右，幻燈片放映圖像顯示1在另一個之上。一旦加載頁面的第一秒左右結束，一切正常。這裏是我的javascript代碼：如何阻止加載javascript幻燈片之前加載我的圖像？

<script type="text/javascript" language="javascript"> 
     window.onload = function() { 
      var rotator = document.getElementById("slideshow_content"); 
      var images = rotator.getElementsByTagName("img"); 
      for (var i = 1; i < images.length; i++) { 
       images[i].style.display = "none"; 
      } 
      var counter = 1; 
      setInterval(function() { 
       for (var i = 0; i < images.length; i++) { 
        images[i].style.display = "none"; 
       } 
       images[counter].style.display = "block"; 
       counter++; 
       if (counter == images.length) { 
        counter = 0; 
       } 
      }, 3000); 
     }; 
    </script>

這裏是人體代碼：

<div id="slideshow"> 
<div id="slideshow_content" style="padding-top:10px; padding-bottom:10px;"> 
     <img alt="" src="/images/slide1.jpg" /> 
     <img alt="" src="/images/slide2.jpg" /> 
</div> 
</div>

下面是2周的div的CSS：你會如何建議解決這個

#slideshow {position:relative; top:0; left:0; max-width:1680px; height:342px; margin:0  auto; padding:0; background-color:#070707;} 
#slideshow_content {width:960px; max-height:322px; margin:0 auto; padding:0;}

？

來源

2013-01-09 user1959866

我會設置CSS來隱藏頁面加載時的幻燈片，然後當幻燈片啓動時它可以被隱藏。

這也意味着如果有人禁用JavaScript，他們不會看到一堆奇怪的圖像。

或者，您可以使用CSS隱藏除第一張圖像以外的所有圖像，以便即使某人禁用了JavaScript，他們也會看到第一張圖像。

來源

2013-01-09 02:01:11

謝謝！現在很好用！ – user1959866

很高興能幫到@ user1959866。如果你對此感到滿意，如果你能把這個標記爲答案，那將會很棒。 –

剛做過，對不起剛剛習慣了這個網站，學習如何使用它。再次感謝！ – user1959866

如何阻止加載javascript幻燈片之前加載我的圖像？

回答

相關問題