页面加载时不加载某些图片

-1

我有一个网页，一个简单的index.php。用jquery，我设法设置了5个单独的菜单。不幸的是，我不得不在我的画廊中使用150个缩略图图像，并且每当我重新加载页面时，所有这些图片也需要加载，并且需要5-6秒。我试图设置惰性加载jQuery插件，但它只是没有为我工作（它是为滚动网站编写的，我猜...我的是不是这样）。页面加载时不加载某些图片

我正在考虑编写一个脚本，它可以防止所有这些图像加载，但我甚至不知道如何启动。我的意思是，缩略图图像应该只在用户点击图库链接时才加载（尽管这是与php相同的页面）。

来源

2013-07-22 egyeneskanyar

只要把图片链接在一个单独的属性，如：

<img data-realsrc='realsrc'>

，然后当你需要加载他们：

$(img).attr('src', $(img).data('realsrc'));

以上是一般的实现原理。举一个真实的例子看看小提琴：http://jsfiddle.net/3UrUZ/

顺便说一句，做你做的事不是一个好习惯。我建议你使用CSS Sprites来代替很多图像。 :)并且有很多精灵生成器来帮助创建它们。

来源

2013-07-22 16:11:33

我可能做错了什么，但现在我得到黑色图像，而不是真正的缩略图。我正在使用data-realsrc =“...”而不是img标签中的src。 – egyeneskanyar

请张贴一些代码，如HTML和JS代码:) –

这就是右后。这是我的画廊。 <？PHP的的foreach（$图像作为$ IMG） \t \t { \t \t \t如果（$ IMG ==复位（$图像）） \t \t \t {

} } ？> – egyeneskanyar

页面加载时不加载某些图片

回答

相关问题