Chargement d'éléments empêche action immédiate par l'utilisateur

Bonjour,

Sur une de mes pages, je charge 4 images et au fur et à mesure je charge 4 autres images (à partir d'une autre page qui aura un pagenumber en paramètre) et ainsi de suite.
Mais du coup quand je clique sur une tuile pour ouvrir son contenu, la page va attendre que toutes les images (toutes les pages) soient ajoutées avant de faire mon action d'ouvrir le contenu..

Comment puis-je éviter ça?

Merci.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
 
 
 
 
function addPages(page) {
	$("<div>").load(urlStr + " .list-content", function() {
		if(page == nbPages) {
			console.log('last page');
			$('.loading').css('display','none');
		}
		console.log(page);
		$(".articleList").append("<div class='list-content'>" + $(this).find(".list-content").html() + "</div>");
 
          $('.content-img').mouseover(function(){
  $(this).parent().find('.content-description').css('width','600px');
  $(this).parent().find('.content-button-tile').css('display','block');
});
 
$('.content-description').mouseover(function(){
  $(this).css('width','600px');
  $(this).find('.content-button-tile').css('display','block');
});
 
$('.content-img').mouseout(function(){
$(this).parent().find('.content-description').css('width','200px');
	$(this).parent().find('.content-button-tile').css('display','none');
});
 
$('.content-description').mouseout(function(){
$(this).css('width','200px');
	$(this).find('.content-button-tile').css('display','none');
});
 
		page++;
		if(page <= nbPages) {
			urlStr = myURL + "?pagenumber=" + page + "&category=" + categ + "&year=" + yr;
			console.log(urlStr);
 
     addPages(page);
 
 
		}		
	});
 
 
 
}
 
// 1ère page loadée a: les 4 premiers articles 
var nbArticles = parseInt($('.list-paging-left').text().split('p')[0]);
var nbPages = Math.ceil(nbArticles / 4);
var myURL = "url de ma page";
 
// Si + de 4 articles, charger les autres pages
if(nbPages <=1) {
 $('.loading').css('display','none');
}
else {
 
 
    // En fonction de la categorie et année demandée (dans l'url)
    var categ = window.location.href.split("category=")[1];
    var yr = window.location.href.split("year=")[1];
 
	if (categ == null) {
		categ = "all";
	}
 
	if (yr == null) {
		yr = "all";
	}   
 
	var page = 2;	
	var urlStr = myURL + "?pagenumber=" + page + "&category=" + categ + "&year=" + yr;
	console.log(urlStr);
	console.log(nbPages + "pages");
	var lastScrollTop = 0;
 
 
     addPages(page);
 
 
 
 
}