如何在动态更换图片来源时给图片添加幻灯片效果？

Question

我正在更改javascript中的图像源，比如

<img src="image1.gif" name="imagename">

//Array
img[0]='image1.gif'
img[1]='image2.gif'
...

//onclick event changing img src 
document.images[imagename].src = img[1]

它运行良好。如何在更换图片来源时给图片添加幻灯片效果？我可以使用jquery。

Answer 1

有一个jQuery插件应该可以做到这一点，我一直在使用它，它很容易掌握。http://jquery.malsup.com/cycle/

Answer 2

不完全确定您在这里尝试做什么，但如果这只是一个元素，那么它应该是简单的。

$('img').click(function() {
    var current = $(this);

    current.slideUp(300, function() {
        current.attr('src', 'http://imgs.xkcd.com/comics/conditional_risk.png').load(function() {
            current.slideDown(300);
        });
    });
});

这将导致图像的源在加载图像时向下滑动之前发生更改。

点击这里观看实况：http://jsfiddle.net/FvdCd/1/