在加載頁面時將圖像淡入圖片

基本上我被要求在顯示頁面之前製作一個帶有標誌圖像的網站（例如4秒鐘顯示）。在加載頁面時將圖像淡入圖片

從我所看到的最好的方式來做到這一點將使用jQuery。我已經看到了其中一個頁面在所有圖像加載後都會淡入的示例，但是我怎麼能通過指定一段時間來做到這一點。

綜上所述：

要在全屏幕加載網頁輕微可見背後（收藏夾效應）來加載圖像，然後消失在滿載的網站內容，4秒鐘後，無論網頁是否加載或不。

我該怎麼做？

來源

2013-03-28 user2219479

HTTP：// mattgemmell .com/2008/12/08/what-you-you-tried/ – Archer

你的訪問者中有一半已經離開時間4幾秒鐘過去了？ – adeneo

的延遲使用setTimeout和呼叫fadeIn和fadeOut

試試這個

$(window).load(function(){ 
    $('#imageID').fadeIn('slow',function(){ 
     setTimeout(function(){ 
      $(this).fadeOut('slow') // $('#imageID')".fadeOut('slow', 
     },4000); 
    }) 
});

您可以使用模式，顯示一個類似燈箱效果的標誌......和啓閉liekwise ...

鏈接情態..

simple modal
jquery dialog with true

來源

2013-03-28 11:47:57 bipen

你可以與絕對定位頁面上的div標籤開始頁面關閉，以100％的寬度和高度，然後使用jquery，直到你得到的地方，你幾乎無法看到爲「動畫」這個div的不透明度它，然後你隱藏div。使用jQuery動畫

<html> 
    ..... header content where javascript and what not goes 
    <body> 
    <div id='introdiv' style="position:absolute;z-index:9999;width:100%;height:100%;"> 
     .... image goes here 
    </div> 
    .... other page content goes here.

，你只是做$（「＃introdiv」）。動畫（{......

你必須找到一種方法，以確保div標籤保持隱藏在每一個其他請求或圖像將顯示每次

如果你想要顯示的圖像，直到頁面加載，把動畫的jQuery的document.ready函數內部

來源

2013-03-28 11:50:04 Kalpers

在加載頁面時將圖像淡入圖片

回答

相關問題