jquery圖像滾動 - 幻燈片轉換

Question

如何使用jquery更改圖像上懸停與幻燈片上轉換？我在互聯網上搜索，但我找不到工作代碼。我找到的所有代碼都使用fadeIn或fadeOut。非常感謝你！

這是我發現的代碼，但它使用淡入和淡出：

<script> 
$(function() { 
$('.change').mouseenter(function(){ 
    $(this).slideUp('fast', function(){ 
    $(this).attr('src', $(this).data('on')); 
    $(this).fadeIn(); 
    }); 
}); 

$('.change').mouseleave(function(){ 
    $(this).slideUp('fast', function(){ 
    $(this).attr('src', $(this).data('off')); 
    $(this).fadeIn(); 
    }); 
}); 
});</script> 

和HTML：

<img class="change" src="images/portofoliu/next.gif" data-on="images/portofoliu/prev.gif" data-off="images/portofoliu/next.gif"> 

Answer 1

<div id="clickme"> 
    Click here 
</div> 
<img id="book" src="book.png" alt="" width="100" height="123" /> 

$('#clickme').hover(function() { 
    $('#book').slideUp('slow', function() { 
    // Animation complete. 
    }); 
}); 

http://jsfiddle.net/GFdW5/3/

http://api.jquery.com/slideUp/

編輯：最終解決方案：http://jsfiddle.net/hellomynameisluc/frTFw