diff --git a/view/js/acl.js b/view/js/acl.js
index 28e47011f..c129634a0 100644
--- a/view/js/acl.js
+++ b/view/js/acl.js
@@ -258,11 +258,16 @@ ACL.prototype.populate = function(data){
 	that.list_content.height(height);
 	$(data.items).each(function(){
 		html = "<div class='acl-list-item {4} {7} {5}' title='{6}' id='{2}{3}'>"+that.item_tpl+"</div>";
-		html = html.format( this.photo, this.name, this.type, this.xid, '', this.self, this.link, this.taggable );
+		html = html.format(this.photo, this.name, this.type, this.xid, '', this.self, this.link, this.taggable);
 		if (this.uids!=undefined) that.group_uids[this.id] = this.uids;
 		//console.log(html);
 		that.list_content.append(html);
 	});
+	$("#acl-list-content .acl-list-item img[data-src]").each(function(i, el){
+		// Replace data-src attribute with src attribute for every image
+		$(el).attr('src', $(el).data("src"));
+		$(el).removeAttr("data-src");
+	});
 	that.update_view();
 }
 
diff --git a/view/tpl/acl_selector.tpl b/view/tpl/acl_selector.tpl
index c98350843..722d541ed 100755
--- a/view/tpl/acl_selector.tpl
+++ b/view/tpl/acl_selector.tpl
@@ -15,7 +15,7 @@
 					<span id="acl-fields"></span>
 				</div>
 				<div class="acl-list-item" rel="acl-template" style="display:none">
-					<img src="{0}"><p>{1}</p>
+					<img data-src="{0}"><p>{1}</p>
 					<button class="acl-button-hide btn btn-xs btn-default"><i class="icon-remove"></i> {{$hide}}</button>
 					<button class="acl-button-show btn btn-xs btn-default"><i class="icon-ok"></i> {{$show}}</button>
 				</div>