淡入負載

Question

圖片我有這樣的：

<div id="container" class="loading"> 
<header id="gallery-header"> 
    <div id="top-bar-gallery"> 
     <a href="../index.html">HOME</a> 
    </div> 
</header> 
<div id="gallery-main" role="main" > 
    <div id="image" class="loading"> 
    <a><img src="roma/roma2.jpg" alt"" /></a> 
     <a><img src="../css/images/gallery-loaderx.gif" alt="" /></a> 
    </div> 
</div> 

</div> <!--! end of #container --> 

但庫加載器不顯示？我似乎無法解決這個問題。

任何幫助，非常感謝。

Answer 1

你使用任何JS？或者您需要一些解決方案來在頁面加載後淡入圖像？ 如果你只需要在圖像/內容淡入，你需要包括jQuery和然後做這樣的事情：

$(document).ready(function() { 

    //hides the images 
    $("#images").hide(); 

    // starts a time counter so you can fade the images later on (when page loads) 
    var imageFader= setTimeout(function(){ 
     $("#images").fadeIn(); 

    },2000); // 2 seconds (adjust if needed); 


}); 

您也可以應用此方法來觸發/啓動功能

希望這有助於。