如何动态更改图像源时，如何为图像赋予幻灯片效果

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/