Added lazyload on results, and removed unused loading.gif in html

This commit is contained in:
Kasper Rynning-Tønnesen
2015-07-09 10:17:56 +02:00
parent 9ee843be60
commit 14c26edb97
3 changed files with 6 additions and 4 deletions

View File

@@ -118,7 +118,7 @@
<div id="temp-results-container">
<div id="temp-results">
<div id="result" class="result">
<img class="thumb" src="/static/images/loading.gif" alt="Thumb"/>
<img class="thumb" src="/static/images/loading.png" alt="Thumb"/>
<div class="search-title truncate"></div>
<span class="result_info"></span>

File diff suppressed because one or more lines are too long

View File

@@ -80,7 +80,7 @@ var Search = {
songs.find(".search-title").text(title);
songs.find(".result_info").text(duration);
songs.find(".thumb").attr("src", thumb);
songs.find(".thumb").attr("data-original", thumb);
songs.find(".add-many").attr("onclick", "submit('"+id+"','"+enc_title+"',"+secs+");");
$($(songs).find("div")[0]).attr("onclick", "submitAndClose('"+id+"','"+enc_title+"',"+secs+");");
$($(songs).find("div")[0]).attr("id", id)
@@ -91,6 +91,8 @@ var Search = {
$("<div style='display:none;' id='mock-div'>"+output+"</div>").appendTo($("#results")).show("blind", (response.items.length-1) * 83.33);
setTimeout(function(){$(".thumb").lazyload({container: $("#results")})}, 250);
if(!Helper.contains($("#search_loader").attr("class").split(" "), "hide"))
$("#search_loader").addClass("hide");