在帖子中显示用于大图像的AJAX预加载器

时间:2014-01-09 作者:Mupetz

我们的WordPress安装只运行帖子中的图像。通常是中等、轻量级的图像,但我们也发布较大的图像,有时是gif动画,加载时间很长。

当一篇文章有描述时,它就有点不同了。访问者有东西要读,然后加载时图像会弹出,但这不是我们的情况。正如我所说,我们只在帖子中显示图像。

当一个帖子包含一个大图像时,在加载图像之前它是空的,我相信我们因此失去了很多未来可能的常客。他们可能会相信我们有空头支票。

我的解决方案是显示一个微型(ajax?)预加载,直到加载图像,以便通知访问者正在加载某些内容。我怎样才能做到这一点?

2 个回复
最合适的回答,由SO网友:user43506 整理而成

您所说的一个选项是在加载图像时放置预加载程序。

如果你不能深入了解JavaScript和PHP,我有一个简单的建议,我认为它对你有用。

<div class="image-preloader">
   <img src="yourimage.jpg" alt="" />
</div>
在图像周围创建一个包装(支架)。使用CSS,将预加载程序作为HOLDER DIV的背景。

.image-preloader {
  background(\'images/loader.gif\') 50% 50%;
}
这样,当图像加载时,您将拥有预加载程序,当图像加载时,它将隐藏在其下。

SO网友:Foxsk8

您可以在这里查看许多JQ插件来实现这一点。

http://www.jquery4u.com/plugins/preload-image-plugins/

例如,这个:

http://nick-jonas.github.io/imageloader/

结束

相关推荐

帮助进行AJAX前端评论审核

我正在为我管理的网站实现一个前端AJAX评论调节系统,但我很难让它正常工作。现在单击批准评论的链接会运行正确的php脚本,但会重新加载整个页面。所以它是可行的,但我希望在不重新加载整个页面的情况下使用ajax批准评论,但我缺乏javascript知识,这阻碍了我的工作。以下是代码(位于插件中):add_filter( \'comment_text\', \'p3_comment_moderation_buttons\' ); function p3_comment_moderation_butto