Merge pull request #124 from zoff-music/lazyload

Lazyload

index.php

@@ -202,7 +202,7 @@
                         <div id="list-song" class="card left-align list-song">
                             <span class="clickable vote-container" title="Vote!">
                                 <a class="clickable center-align votebg">
-                                    <span class="card-image cardbg list-image"></span>
+                                    <span class="card-image cardbg list-image" style="background-image:url('/static/images/loading.gif');"></span>
                                 </a>
                                 <span class="card-content">
                                     <span class="flow-text truncate list-title"></span>

php/footer.php

@@ -57,10 +57,11 @@
     </div>
 </footer>
 
-<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
-<script type="text/javascript" src="/static/dist/lib/materialize.js"></script>
+<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
+<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
+<script type="text/javascript" src="/static/dist/lib/jquery.lazyload.js"></script>
+<script type="text/javascript" src="/static/dist/lib/materialize.min.js"></script>
 <script type="text/javascript" src="/static/dist/lib/color-thief.js"></script>
-<script type="text/javascript" src="https://cdn.socket.io/socket.io-1.3.5.js"></script>
-<script type="text/javascript" src="https://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/sha256.js"></script>
+<script type="text/javascript" src="//cdn.socket.io/socket.io-1.3.5.js"></script>
+<script type="text/javascript" src="//crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/sha256.js"></script>
 <script type="text/javascript" src="/static/dist/main-min.js"></script>

server/gulpfile.js

@@ -25,6 +25,17 @@ gulp.task('nochan', function () {
         .pipe(gulp.dest('../static/dist'));
 });
 
+gulp.task('lazyload', function () {
+    gulp.src(['../static/dist/jquery.lazyload.js'])
+        .pipe(uglify({
+            mangle: true,
+            compress: true,
+            enclose: true
+        }))
+        .pipe(concat('frontpage-min.js'))
+        .pipe(gulp.dest('../static/dist'));
+});
+
 gulp.task('remotecontroller', function () {
     gulp.src(['../static/js/remotecontroller.js'])
         .pipe(uglify({