图像";跳跃";进入网格?如何使跳跃效果变钝

Images "jumps" into the grid? how to stup the jump effect?

本文关键字：quot 跳跃 何使 网格 图像      更新时间：2023-09-26

这是我的脚本

<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，它将是：$(".photset 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-的基本用法

相关文章：