jqueryを使用してgif画像にリンクするにはどうすればよいですか？

Question

あなたがここにコード内で見ることができるように、ユーザーがスクロールテキストが簡単に表示されたとき、私は私のウェブサイトのユーザーアカウントの領域に多くのデータがロードされる前に、無限スクロールを実装しました：

if ($('.pagination').length) { 
    $(window).scroll(function() { 
    var url; 
    url = $('.pagination .next_page').attr('href'); 
    if (url && $(window).scrollTop() > $(document).height() - $(window).height() - 50) { 
     $('.pagination').text("Fetching more products..."); 
     $.getScript(url); 
    } 
    }); 
    $(window).scroll(); 
}; 

を私はアニメーションGIFイメージを持っている私は、代わりに表示して、これをどうやって行うのかと思っていますか？イメージに直接リンクすることは可能ですか？

テキストの代わりにイメージを表示する正しい方法は何ですか？

種類が

Answer 1

だけで、text()からhtml()に同じような何か方法を変更する：あなたは、リンクまたは任意の画像をラップすることができるようにあなたは、メソッド内でHTMLの任意の形式を使用することができます

$('.pagination').html('<img src="loading.gif" width="30" height="30" alt="loading..." />'); 

を。

Answer 2

$('.pagination').html($('<img src="yourimage.gif"/>'); 

OR

$('.pagination').html($('<img/>').attr('src','yourimage.gif')); 

Answer 3

に関しては、私は、これは十分に簡単であるべき "正しい" やり方があると思いますが、既存のコードを考慮していない：

$('.pagination').html('<img src="spinner.gif">'); 

もう一つの魅力的な選択肢は、CSSを使ってスピナーを追加することです：

.pagination.loading{background:url('spinner.gif') no-repeat} 

そしてクラスを切り替える：

$('.pagination').addClass('loading'); 

しかし、再び、このすべては、あなたのワークフローと視覚的な好みに依存します。