Question

我正在使用jQuery来控制将显示几组不同照片的图片库。

在页面的早期版本中，一个隐藏的div包含所有将在后台加载的图片，以及一个名为div的{{1}}我会#content 1}} clone()，然后img:first-child，eq(1)等。我还可以计算隐藏eq(2)中的img元素，以便给我一个数字图像循环。大。

现在，我正在使用多个更大的图片集，而我根本无法将所有图像都存在于HTML中，从而在后台浏览浏览器。我想过简单地对图像文件进行编号并逐步更改div属性，但如果图像不在DOM中，我就无法计算。

理想情况下，我想抓住单个图库的内容，例如另一个名为src的html文件，并将其放入相同的隐藏gallery_1.html，然后使用与之前相同的技术。

有办法做到这一点吗？

Answer 1

听起来你可能需要某种服务器端代码来计算图像（在目录或数据库中）并将其渲染回客户端。

Answer 2

您可以使用jquery.getJSON（url，data，cb）执行异步回发以获取图像src位置列表。网络上有很多这种结构的例子。

您的想法是调用Web服务器，该服务器将返回客户端上所需的数据。在服务器上返回信息的方法是用您喜欢的任何服务器语言（PHP，Python，ASP，ASP.Net，......）实现的。

如果您像这样谷歌：

jquery从＆lt; 您的编程语言中返回json，例如PHP ＆GT;

你应该找到你需要的东西。

Answer 3

您应该为背景图像设置动画，然后将图像存储在一个数组中，然后您可以从中获取长度。

然后就像做

一样简单

$("#gallery").fadeOut(400, function() {
  $(this).css('background-image', nextImage');
  setTimeout('$(this).fadeIn(400)', 100);
});