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) 
...