如何使用jQuery从DOM外部获取图像？

Question

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

在页面的早期版本，一个隐藏div举行的所有我会clone()的img:first-child成图像，这将在后台加载，和一个叫#contentdiv，然后eq(1)，eq(2)等我还可以计算隐藏的div中的img元素，以给我一些循环的图像。大。

现在，我正在处理多个更大的图片集，并且我无法在HTML中显示所有图片，并在后台浏览器中滑动。我想到了简单地编号图像文件并逐步改变src属性，但如果图像不在DOM中，则无法对图像进行计数。

理想情况下，我想从另一个名为gallery_1.html的html文件中获取单个图库的内容，并将其放入同样隐藏的div，然后使用与以前相同的技术。

有没有办法做到这一点？

Answer 1

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

http://api.jquery.com/jQuery.getJSON/

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

如果谷歌这样的：

jQuery的返回JSON从< 您的编程语言如PHP>

你应该找到你需要的。

Answer 2

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

Answer 3

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

然后，它是做

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

简单你可以按照这个例子 http://www.marcofolio.net/webdesign/advanced_jquery_background_image_slideshow.html