将“加载”图像添加到来自flickr的动态图像中

有没有一种方法可以显示使用flickr生成的动态图像的加载图像？ 我在http://community.wacom.com/网站上遇到过这个版本的工作版本，但我找不到代码来查看他们在做什么。

Answer 1

您可以创建一个显示加载gif的图像。 然后创建另一个图像并使用图像加载事件。 这为您提供回调，通知flickr图像何时准备就绪。 然后只需从flickr换出图像的加载gif。

显然，如果你为url使用json feed并迭代json对象，你将需要更改逻辑，但这应该给你核心理解。

HTML  js $('').attr('src', 'someImageFromFlickr.jpg').load( function(){ $('#image1').attr('src', this.src); }) 

Answer 2

您可以在页面中放置两个图像，flickr图像和加载图像（或文本）。 你可以从头开始隐藏flickr图像（我认为CSS中的$(selector).hide()或display:none可以工作）。 在flickr图像的加载处理程序中，您将hide()加载图像并show() flickr图像。

Answer 3

我首先尝试使用CSS将加载图像作为动态图像的容器的背景图像。