需要在单击下一个jquery后将图像加载到文档中

Question

我想在点击下一个链接后才在网页中加载动态图像（来自服务器）。我不想在不知道用户是否有兴趣看到这些图像的情况下增加页面的加载时间。应该加载一张图片，但其余图片不应该加载。如果用户单击下一步，则只应逐个加载其余图像。

我希望你们明白我的观点。这一切都是关于减少页面加载。

提前致谢。

Answer 1

您可以动态更改图片的src属性。例如，在“下一个”按钮的处理程序中，您可以执行以下操作：

$('#imageid').attr('src', 'http://myserver/mynextimage.jpg');

jQuery的attr参考页面在这里：

http://api.jquery.com/attr/

这是一个显示如何循环图像数组的小提琴：

http://jsfiddle.net/33k2bh51/2/