AJAX（jQuery）をクリックして画像をロードする

Question

すべてのコンテンツが1つのPHPページにあり、ページ（またはdivの代わりに）がjQueryとスワップされています。私は読み込み時間をスピードアップしたい、そして読み込まれなければならないものの大部分は各人のバイオの画像です。 jQueryを使用して、自分のバイオをナビゲートするときに人物の画像のみをロードしたいと思います。 AJAXを使う必要があるのは、ページの更新に頼ることができないからです。すべてのポインタ？ありがとう！ DOMが完了した後

Answer 1

あなたは質問を明確にしてください

$(function(){ 
    $("#imgUser").load("images/testimg.jpg"); 
}); 

Answer 2

をロードするために画像をロードするためにjqueryの負荷を使用することができます。 特定のユーザーのクリックでコンテンツを完全に読み込みたいのですか？

HTML

<div class="gif-container"> 
    <a class="load-gif" href="https://media.giphy.com/media/TGHXd9J6mK6sM/giphy.gif">Load GIF</a> 
</div> 

JS（jqueryのを使用して）：：

$('.load-gif').click(function(e) { 
    e.preventDefault(); 
    var gif_url = $(this).attr('href'), 
    $gif_image = $('<img>').attr('src', gif_url), 
    $container = $(this).closest('.gif-container'), 
    $trigger = $(this); 
    $gif_image.load(function() { 
    $trigger.remove(); 
    $container.append($gif_image); 
    }); 
}); 

コンプリートフィドル：https://jsfiddle.net/ryyoLgzz/