javascript - 图像“跳入”网格？如何设置跳跃效果？

这是我的剧本；


    

<script src="http://static.tumblr.com/mviqmwg/XyYn59y3a/jquery.photoset-grid.min.js"></script>


<script>
$(document).ready(function() {
    $('.photoset-grid').photosetGrid({
        gutter: '0px',
});
});
</script>
<!-- /Photoset-grid script -->

这使图像“跳入网格效果”

我希望一切正常显示。

CSS是否具有隐藏效果，然后在加载所有内容后显示？

谢谢您的建议！

最佳答案

如果您查看Photosetgrid的来源：

https://github.com/stylehatch/photoset-grid/

您可以看到他们使用了一个简单的样式标签：style =“ visibility：hidden;”

如果您更喜欢使用jquery，它将为：
$（“。photoset-grid”）。hide（）;

要使其可见，可以这样：

  $('.photoset-grid-basic').photosetGrid({
        onComplete: function(){
          $('.photoset-grid-basic').attr('style', '');
//or $('.photoset-grid-basic').show();
        }
      });

您可以在此处查看有关其用法的更多信息：

http://stylehatch.github.io/photoset-grid/#demo-basic-usage