Jquery 滑块框

Question

不确定这是 JavaScript 问题还是可以用 CSS 解决。

我使用带有文本覆盖滑块的图像，但似乎在页面加载时滑块的起始位置存在一些问题。这是生动的示例，我希望滑块在加载时隐藏并在翻转时从下方显示。

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

非常感谢

Answer 1

您只需将初始 top 值添加到 CSS 中，如下所示：

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

这将为您提供所需的初始效果，并且在悬停时它将在第一次悬停时向上滑动。

Answer 2

只需包含这一行来设置初始 css，以便两个 .cover div

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

像这样“隐藏”

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