Image Swapper

gistfile1.txt

// example HTML:
// <img class="background-image" src="images/mobile/everydaycare.jpg">
// Description: Serve mobile image first, and swap directory if page is desktop
function setImagesThenPostImageLoad() {
   var $bgImages = $('.background-image');
   var loadCount = 0;

   $('img.background-image').each(function(){
      var str = $(this).attr('src');

      if (mobile === true){
         var res = str.replace("desktop", "mobile");
      } else {
         var res = str.replace("mobile", "desktop");
      }

      $(this).attr('src',res);

      $(this).on('load',function(){
         loadCount++;
         //after all images are loaded, do stuff
         if (loadCount === $bgImages.length){
            postImageLoad();
         }
      });
   });
}