jQuery,图像加载事件

jQuery,图像加载事件,jquery,jquery-plugins,Jquery,Jquery Plugins,我正在构建一个jQuery插件,将一个充满的div变成一个图库。我遇到了一个似乎无法解决的问题: 现在,我调用documentready上的插件,这样在10分之几秒的时间里,我可以同时看到所有的图像,然后隐藏()除了第一个以外的所有图像 插件的工作方式如下: $(function(){$('div').gallery();}); 在插件中: $(this).find('img').wrap('<div />').hide(); $(this).find('img:first')

我正在构建一个jQuery插件,将一个充满
的div变成一个图库。我遇到了一个似乎无法解决的问题:
现在,我调用documentready上的插件,这样在10分之几秒的时间里,我可以同时看到所有的图像,然后隐藏()除了第一个以外的所有图像

插件的工作方式如下:

$(function(){$('div').gallery();});  
在插件中:

$(this).find('img').wrap('<div />').hide();
$(this).find('img:first').show();
$(this.find('img').wrap('').hide();
$(this.find('img:first').show();
有人有什么建议吗


谢谢

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

<body>
  <script>document.body.className = "js";</script>
并在脚本中准备好后显示它们。。。
这是我允许自己编写的唯一一个不引人注目的脚本:)

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

<body>
  <script>document.body.className = "js";</script>
并在脚本中准备好后显示它们。。。 这是我唯一允许自己写的不引人注目的脚本:)

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

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

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


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

您应该首先通过CSS或使用内联样式来隐藏图像。然后,您可以通过jQuery.show()或jQuery.css()方法显示它们。

您应该首先通过css或使用内联样式隐藏图像。然后,您可以通过jQuery.show()或jQuery.css()方法来显示它们。

是的,这样就行了。但我正在尝试构建一个最通用的插件,对于那些只需要在准备就绪时调用它的人来说,我不希望他们通过黑客攻击身体,我想你必须处理这样一个事实:浏览器从上到下呈现:)该死的enter帖子。。。我想补充的是,许多jquery插件在安装阶段会有点抽搐。您可以提供一些可选的css,以便在您选择的类中始终隐藏div的情况下获得更好的体验。只需记录一个事实,即插件最初需要通过css隐藏,并且您已经完成了您的工作(grin:)是的,这会起作用。但我正在尝试构建一个最通用的插件,对于那些只需要在准备就绪时调用它的人来说,我不希望他们通过黑客攻击身体,我想你必须处理这样一个事实:浏览器从上到下呈现:)该死的enter帖子。。。我想补充的是,许多jquery插件在安装阶段会有点抽搐。你可以提供一些可选的css,让你总是用你选择的类来隐藏div的体验更好。只需记录一个事实,插件最初需要通过css隐藏,并且你已经完成了你的工作(grin:)好吧,这很有针对性,我可以让他们隐藏图像。但这给我留下了一个问题,我使用第一张图片的宽度和高度来计算关于画廊的所有内容。如果所有的图像都没有显示,我不得不推迟这些计算的开始……好吧,我想就是这样,我刚才说的一点问题都没有。谢谢uwell,这很有针对性,我可以要求他们隐藏图像。但这给我留下了一个问题,我使用第一张图片的宽度和高度来计算关于画廊的所有内容。如果所有的图像都没有显示,我不得不推迟这些计算的开始……好吧,我想就是这样,我刚才说的一点问题都没有。谢谢你