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