从JSON列表预加载图片然后淡出

Question

我从服务器获得一个Json dict，其中包含有关图像库的数据：

[
    {"title": "Some Cat", "url": "http://example.com/image.png"},
    {"title": "My Foot", "url": "http://example.com/image.png"},
    {"title": "Joysticks", "url": "http://example.com/image.png"},
    ...
]

我有这个html片段：

<div id="image-slideshow">
    <img src=""/>
</div>

我希望在10秒后，使用jQuery将图像替换为下一个带有“模糊”动画的Json dict。

问题是，图片应在浏览器完全加载后切换，以避免出现空图像。这怎么可能？