Question

我正在构建一个jQuery插件，将一个满满<img />的div变成一个库。我遇到了一个问题，我似乎无法解决：
现在，我把文件上的插件称为准备就绪，在几十分之一秒内，我可以同时看到所有图像，然后我隐藏（）除了第一个之外的所有图像。

插件以这种方式工作：

$(function(){$('div').gallery();});

并在插件中：

$(this).find('img').wrap('<div />').hide();
$(this).find('img:first').show();

有没有人有任何建议？

由于

Answer 1

如果我想为支持js的浏览器隐藏内容，我发现最好的方法是

<body>
  <script>document.body.className = "js";</script>

然后你可以隐藏你的CSS中的东西

body.js .mygalleryimagesdiv {
  display: none;
}

当你准备好在剧本中展示它们时...... 这是我允许自己编写的唯一非不引人注目的脚本:)

Answer 2

您无法控制用户的时间你的插件调用它。

在页面加载所有图像后，他/她可能会延迟调用它几秒钟或几分钟。所以由他/她来隐藏图像，例如通过CSS：{display: none}。

Answer 3

您最初应首先通过CSS或使用内联样式隐藏图像。然后，您可以通过jQuery.show（）或jQuery.css（）方法显示它们。