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