changed classes

index.html

@@ -126,7 +126,7 @@ clients:
   <div class="section-title">
     <div class="row">
       <div class="medium-10 medium-centered columns">
-        <img src="images/main/icon.svg" alt="" class="lazyload wow flipInY" data-wow-duration="2s" data-wow-delay="0.1s">
+        <img src="images/main/icon.svg" data-src="images/main/icon.svg" alt="" class="lazyload wow flipInY" data-wow-duration="2s" data-wow-delay="0.1s">
         <div class="spacing"></div>
         <h2>Design, but Open</h2>
       </div>
@@ -158,7 +158,7 @@ clients:
     <div class='large-12 columns'>
       <div class='clients'>
         {% for client in page.clients %}
-          <div><a href="{{client.url}}" target="blank"><img alt="" class="lazyload" src="{{site.baseurl}}/{{client.image}}" width="200px" height="120px"></a></div>
+          <div><a href="{{client.url}}" target="blank"><img alt="" class="lazyload" src="{{site.baseurl}}/{{client.image}}" data-src="{{site.baseurl}}/{{client.image}}" width="200px" height="120px"></a></div>
         {% endfor %}
       </div>
     </div>
@@ -181,7 +181,7 @@ clients:
         <div class="quote wow slideInLeft" data-wow-delay="{{ 0.25 | times:forloop.index0 }}s">
           <div class="row">
             <div class="small-3 columns">
-              <img class="lazyload" src="{{testimonial.avatar}}" width="102px" height="102px" alt="author">
+              <img class="lazyload" src="{{testimonial.avatar}}" data-src="{{testimonial.avatar}}" width="102px" height="102px" alt="author">
             </div>
             <div class="small-9 columns">
               <p>{{testimonial.content}}</p>
@@ -196,7 +196,7 @@ clients:
         <div class="quote reverse wow slideInRight" class="wow" data-wow-delay="{{ 0.25 | times:forloop.index0 }}s">
           <div class="row">
             <div class="small-3 columns">
-              <img class="lazyload" src="{{testimonial.avatar}}" width="102px" height="102px" alt="author">
+              <img class="lazyload" src="{{testimonial.avatar}}" data-src="{{testimonial.avatar}}" width="102px" height="102px" alt="author">
             </div>
             <div class="small-9 columns">
               <p>{{testimonial.content}}</p>

js/lazyload.js

@@ -26,7 +26,7 @@
     "use strict";
 
     const defaults = {
-        src: "src",
+        src: "data-src",
         srcset: "data-srcset",
         selector: ".lazyload"
     };