Как придать эффекту слайда изображение при динамическом изменении источника изображения

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

Не совсем уверен, что вы пытаетесь сделать здесь, но если это только для одного элемента, то это должно быть просто.

$('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/

Answer 2

Есть плагин jQuery, который должен делать свое дело, я использую его все время, и с ним очень легко справиться. http://jquery.malsup.com/cycle/