我有此代码运行加载我的图像所有异步并显示ajax加载图像,直到下载实际图像。显示加载图像仍显示“浏览器加载图像”图标
$('img.loadable-image').css('background', 'transparent url(/images/ajax-loader1.gif) no-repeat center center')
$('img.loadable-image').load(function() { $(this).css('background', ''); });
这工作,因为它显示了我的AJAX加载图标,直到图像被下载,但它也显示了背景,以及
这里是我的原始图像的html:
<img class="loadable-image" src="mysite.com/validimage.jpg" border="0" height="50" width="50">
这里我得到的屏幕截图:
alt text http://img820.imageshack.us/img820/3289/ajaxload.png
,就像你在左边看到的那样,你会看到小的ajax装载程序,但是也会看到它周围丢失的图像。
有什么建议吗?
@Andy E公司的头 - 你可以用一个例子阐明。我不太喜欢,因为我有透明套装 – leora 2010-06-14 12:28:36
@ooo:更新我的答案更详细。简而言之,你的图片需要'src'属性存在并指向一个有效的图片url。 – 2010-06-14 12:34:48
@Andy E的头 - 我用我的图片html更新了我的问题。我在src中有一个有效的图像。 。这是需要很长时间才能加载的大图像。请告知 – leora 2010-06-14 12:42:30