如何在頁面加載時隱藏圖像，然後在一段時間後顯示像滑動

Question

我有網頁我希望當頁面加載一段時間後，它沒有任何點擊幻燈片圖像我使用下面的代碼，它在按鈕點擊幻燈片，但也顯示圖像加載頁面的時候，但我想，當頁面加載了一段時間後滑動，最初的圖像應該被隱藏

下面

是做

http://jsfiddle.net/WM5tA/2/

Answer 1

提取你的函數，並調用它的setTimeout和同樣在點擊處理程序：

http://jsfiddle.net/WM5tA/4/

的js

$(document).ready(function() { 
     setTimeout(slideAround, 5000); // Toggles the slide after 5 seconds  
     $("input[type=button]").click(slideAround); 
     }); 

function slideAround() { 
     $(".imageone, .imagetwo").slideToggle(); 
    } 

更新

要在超時時顯示div而不是隱藏它們，只需設置要顯示的元素：none;在你的CSS。

http://jsfiddle.net/WM5tA/6/

CSS

.imageone, .imagetwo 
      { 
       [...] 
       display:none; 
      } 

更新2

滑動從右你的元素留下你需要使用jQuery UI這樣的：

http://jsfiddle.net/WM5tA/7/

$(".imageone, .imagetwo").show("slide",{direction: "right"}, 1000); 

Answer 2

在JavaScript中的文件準備好演示鏈接函數，設置超時（以毫秒爲單位），調用您的幻燈片代碼，查看頁面有多長時間在調用你的函數滑動之前，你需要等待加載。例如等待一第二種：

$(document).ready(function() { 
      setTimeout(function() { $(".imageone, .imagetwo").slideToggle(); },1000); 
}); 

http://jsfiddle.net/vdgDB/1/