Javascript幻燈片放映我的網站

注：我只是注意到，當我將鼠標懸停在菜單項上時，它不會註冊，直到圖像加載。不知道爲什麼這是Javascript幻燈片放映我的網站

我剛剛添加圖像幻燈片到我的網站的索引頁。我終於開始工作並上傳了。現在幻燈片將會顯示5張圖片，但加載時間非常重要，當我嘗試點擊任何一個菜單時，延遲會很大。

這裏是在文件開頭的代碼：在頁面的主體

<script type="text/javascript"> 
<!-- 
var image1=new Image() 
image1.src="image1.JPG" 
var image2=new Image() 
image2.src="image2.JPG" 
var image3=new Image() 
image3.src="image3.JPG" 
var image4=new Image() 
image4.src="image4.JPG" 
var image5=new Image() 
image5.src="image5.JPG" 
//--> 
    </script>

，代碼：

<script type="text/javascript"> 
      <!-- 
      //variable that will increment through the images 
      var step=1 
      function slideit(){ 
      //if browser does not support the image object, exit. 
      if (!document.images) 
       return 
      document.slide.src="images/image"+step+".JPG" 
      if (step<5) 
       step++ 
      else 
      step=1 
      //call function "slideit()" every 2.5 seconds 
      setTimeout("slideit()",2500) 
      } 
      slideit() 
      //--> 
      </script>

任何想法，爲什麼網頁速度如此之慢呢？

在此先感謝！

來源

2011-12-05 fullOfQuestions

計時器爲2500毫秒或2.5秒。這是什麼意思？ –

P.S.，自1996年以來，我們不需要使用「<！ - 」來隱藏JavaScript塊。 –

也許減小圖像的大小可能會有所幫助。 – Tarik

可能有多種原因。

幻燈片顯示是否等待所有圖像在啓動之前加載？如果是這種情況，請考慮將幻燈片腳本放在html頁面的底部，如果可能的話。這樣，所有其他內容首先加載。

幻燈片放映是否爲動畫？圖像是否每2500秒慢慢移動一次？如果是這種情況，那麼您使用的代碼可能對其setTimeout（）函數的值太小。考慮提高它，或冒着風險並使用CSS3轉換進行動畫製作。

來源

2011-12-05 19:00:26

Javascript幻燈片放映我的網站

回答

相關問題