什麼是動態加載圖像的幾種好方法？

我有一個主頁。我想要做很多網站目前正在做的事情，動態地動態顯示一些大圖像。具體來說，我有5張900x400像素的圖片，我想要展示 - 我可以用Javascript setInterval等來做到這一點 - 但我想知道如何添加一些淡入淡出效果 - 我在c＃中編碼，但是唯一可以考慮的方式就是使用javascript - 如果任何人都可以給我一個指向教程的鏈接，或者粘貼他們喜歡的代碼片段，我會很感激。謝謝！什麼是動態加載圖像的幾種好方法？

來源

2012-07-28 Mikey

好

噸，除非你在談論的Silverlight你不能使用'C＃'做到這一點。 – Esailija 2012-07-28 15:46:07

由於他談到了JavaScript，我建議他改用jQuery。 – verisimilitude 2012-07-28 15:51:12

在C＃中編碼不會讓你淡入淡出效果，你將需要Javascript。當然你可以使用C＃加載圖像的第一個實例，但任何帶有效果或定時器的都需要使用Javascript或jQuery。大多數網站實際上會使用一個jQuery插件來實現這個主淡入/淡出幻燈片功能。那裏有很多的滑塊插件，這對你很有好處。

如果你覺得自己想要打造自己的東西，那麼這裏有一些東西可以讓你走。

<img src="img0.jpg"> 
<img src="img1.jpg"> 
<img src="img2.jpg"> 
<img src="img3.jpg"> 

$(function() { 

    var i = 0; 

    // Four-second interval 
    setInterval(function() { 
     $("#img").fadeOut(function() { 
      $(this).attr("src", "img" + i++ % 4 + ".jpg"); 
      $(this).fadeIn(); 
     }); 
    }, 4000); 
}

每隔4秒鐘，它會遍歷圖像1到4，淡入和淡出。

或者，你可以下載一個預建的jQuery滑塊插件，像下面的一個：

來源

2012-07-28 15:51:21 TheCarver

謝謝，因爲我想開始合併jQuery，所以我只想用你的jQuery。 – Mikey 2012-07-28 16:06:18

@Mikey：很高興能幫到你。祝你好運。 – TheCarver 2012-07-28 16:08:01