Comment puis-je donner effet à l'image de diapositive lors d'un changement d'image dynamique source de

Question

Je change la source d'image de javascript comme

<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] 

Il fonctionne très bien. Comment puis-je donner un effet de diapositive à l'image lors du changement de source d'image? Je peux utiliser jquery.

Answer 1

Il ya un plugin jQuery qui devrait faire l'affaire, je l'utilise tout le temps et il est très facile de se familiariser avec. http://jquery.malsup.com/cycle/

Answer 2

Pas tout à fait sûr de ce que vous essayez de faire, mais si cela est juste pour un élément, alors il doit être simple.

$('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); 
     }); 
    }); 
}); 

Cela entraînera la source de l'image pour changer avant glisser vers le bas lorsque l'image est chargée.

Voir en direct ici: http://jsfiddle.net/FvdCd/1/