hp_assets/js/main.js


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

// Set random background image
function setBgImg() {
  var bg = "";

  $.getJSON("hp_assets/lib/ajax_get_image.php").done(function(data) {
    if (data['success']) {
      bg = data['url'];
      if (bg != "" && bg != null) {
        preloadimages([bg]).done(function(images) {
          $("#homepage").css("background-image", "url(" + bg + ")").css("background-size", "cover");
          $("#pic-info-wrap").removeClass("hidden");
          $("#pic-info-url").attr("href", data['image_user_url']).text(data['image_user_name']);
        });
      }
    }
  });
}

// http://www.javascriptkit.com/javatutors/preloadimagesplus.shtml
function preloadimages(arr){
  var newimages=[], loadedimages=0
  var postaction=function(){}
  var arr=(typeof arr!="object")? [arr] : arr
  function imageloadpost(){
    loadedimages++
    if (loadedimages==arr.length){
      postaction(newimages) //call postaction and pass in newimages array as parameter
    }
  }
  for (var i=0; i<arr.length; i++){
    newimages[i]=new Image()
    newimages[i].src=arr[i]
    newimages[i].onload=function(){
        imageloadpost()
    }
    newimages[i].onerror=function(){
      imageloadpost()
    }
  }
  return { //return blank object with done() method
    done:function(f){
      postaction=f || postaction //remember user defined callback functions to be called when images load
    }
  }
}

$(function() {
  $("#mobile-menu-wrap a").click(function(e) {
    e.preventDefault();
  });

  setBgImg();
});