Add hiDPI homepage slider images.

campworkcoeman · Oct 16, 2016 · ac38430 · ac38430
1 parent 6759021
commit ac38430
Show file tree

Hide file tree

Showing 8 changed files with 8 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -14,11 +14,11 @@
   <!-- Main column -->
   <div class="col-sm-8 col-sm-push-4 col-lg-9 col-lg-push-3 justify">
     <div class="sImgContainer">
-      <img src="slider-images/0.jpg" alt="" id="sImg0" class="sImg sImgFirst img-rounded" width="877" height="325">
-      <img src="slider-images/0.jpg" data-src="slider-images/1.jpg" alt="" id="sImg1" class="sImg img-rounded" width="877" height="325">
-      <img src="slider-images/0.jpg" data-src="slider-images/2.jpg" alt="" id="sImg2" class="sImg img-rounded" width="877" height="325">
-      <img src="slider-images/0.jpg" data-src="slider-images/3.jpg" alt="" id="sImg3" class="sImg img-rounded" width="877" height="325">
-      <img src="slider-images/0.jpg" data-src="slider-images/4.jpg" alt="" id="sImg4" class="sImg img-rounded" width="877" height="325">
+      <img src="slider-images/0.jpg" srcset="slider-images/0.jpg 1x, slider-images/[email protected] 2x" alt="" id="sImg0" class="sImg sImgFirst img-rounded" width="877" height="325">
+      <img src="slider-images/0.jpg" srcset="slider-images/0.jpg 1x, slider-images/[email protected] 2x" data-src="slider-images/1.jpg" data-srcset="slider-images/1.jpg 1x, slider-images/[email protected] 2x" alt="" id="sImg1" class="sImg img-rounded" width="877" height="325">
+      <img src="slider-images/0.jpg" srcset="slider-images/0.jpg 1x, slider-images/[email protected] 2x" data-src="slider-images/2.jpg" data-srcset="slider-images/2.jpg 1x, slider-images/[email protected] 2x" alt="" id="sImg2" class="sImg img-rounded" width="877" height="325">
+      <img src="slider-images/0.jpg" srcset="slider-images/0.jpg 1x, slider-images/[email protected] 2x" data-src="slider-images/3.jpg" data-srcset="slider-images/3.jpg 1x, slider-images/[email protected] 2x" alt="" id="sImg3" class="sImg img-rounded" width="877" height="325">
+      <img src="slider-images/0.jpg" srcset="slider-images/0.jpg 1x, slider-images/[email protected] 2x" data-src="slider-images/4.jpg" data-srcset="slider-images/4.jpg 1x, slider-images/[email protected] 2x" alt="" id="sImg4" class="sImg img-rounded" width="877" height="325">
       <div id="sImgNavHolderO">
         <div class="sImgNavHolderI">
           <div id="sImgNav0" class="sImgNav sImgNavFirst"></div>

diff --git a/js/script.min.js b/js/script.min.js
diff --git a/js/slider.js b/js/slider.js
@@ -36,6 +36,7 @@ function imgLoad() {
             imgLoad();
         }
     }
+    img.srcset = img.getAttribute('data-srcset');
     img.src = img.getAttribute('data-src');
 }
 

diff --git a/slider-images/[email protected] b/slider-images/[email protected]
diff --git a/slider-images/[email protected] b/slider-images/[email protected]
diff --git a/slider-images/[email protected] b/slider-images/[email protected]
diff --git a/slider-images/[email protected] b/slider-images/[email protected]
diff --git a/slider-images/[email protected] b/slider-images/[email protected]
-Original file line number
+Diff line change
@@ Expand Up / @@ -36,6 +36,7 @@ function imgLoad() { @@
                 imgLoad();
             }
         }
+        img.srcset = img.getAttribute('data-srcset');
         img.src = img.getAttribute('data-src');
     }
@@ Expand Down @@