Jquery滑塊盒

Question

不知道這是一個JavaScript問題還是可以用CSS解決。

我使用帶有文本疊加滑塊的圖像，但似乎在頁面加載時滑塊開始處出現一些問題。這是現場示例，我希望滑塊隱藏在負載上，並在翻滾時從下面顯示。

http://www.warface.co.uk/clients/detail-shoppe/directors

非常感謝

Answer 1

您可以在初始top值只是添加到您的CSS，像這樣：

.boxcaption{ 
    top: 240px;  /* add this! */ 
    float: left; 
    .... 
} 

這應該給你你想要的初步效果，懸停它會在第一次懸停時滑動。

Answer 2

就包括這行設置inital CSS使兩個.cover div的是「隱藏」

$('.boxgrid.captionfull .cover').css('top', 240); 

像這當然

... 
$(document).ready(function(){ 
    $('.boxgrid.captionfull .cover').css('top', 240); 
    //Full Caption Sliding (Hidden to Visible) 
...