Update holder.js image data-src + create theme

to fix the images

diff --git a/docs/4.0/examples/album/index.html b/docs/4.0/examples/album/index.html
index ecd3f351762fc86bb298e8329f3e94d992660ecf..ccc65d6b72f5eb7c2e448003c2c8dec8d849a444 100644 (file)
--- a/docs/4.0/examples/album/index.html
+++ b/docs/4.0/examples/album/index.html
@@ -65,41 +65,41 @@
 
           <div class="row">
             <div class="card">
-              <img data-src="holder.js/100px280/thumb" alt="Card image cap">
+              <img data-src="holder.js/100px280?theme=thumb" alt="Card image cap">
               <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
             </div>
             <div class="card">
-              <img data-src="holder.js/100px280/thumb" alt="Card image cap">
+              <img data-src="holder.js/100px280?theme=thumb" alt="Card image cap">
               <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
             </div>
             <div class="card">
-              <img data-src="holder.js/100px280/thumb" alt="Card image cap">
+              <img data-src="holder.js/100px280?theme=thumb" alt="Card image cap">
               <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
             </div>
 
             <div class="card">
-              <img data-src="holder.js/100px280/thumb" alt="Card image cap">
+              <img data-src="holder.js/100px280?theme=thumb" alt="Card image cap">
               <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
             </div>
             <div class="card">
-              <img data-src="holder.js/100px280/thumb" alt="Card image cap">
+              <img data-src="holder.js/100px280?theme=thumb" alt="Card image cap">
               <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
             </div>
             <div class="card">
-              <img data-src="holder.js/100px280/thumb" alt="Card image cap">
+              <img data-src="holder.js/100px280?theme=thumb" alt="Card image cap">
               <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
             </div>
 
             <div class="card">
-              <img data-src="holder.js/100px280/thumb" alt="Card image cap">
+              <img data-src="holder.js/100px280?theme=thumb" alt="Card image cap">
               <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
             </div>
             <div class="card">
-              <img data-src="holder.js/100px280/thumb" alt="Card image cap">
+              <img data-src="holder.js/100px280?theme=thumb" alt="Card image cap">
               <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
             </div>
             <div class="card">
-              <img data-src="holder.js/100px280/thumb" alt="Card image cap">
+              <img data-src="holder.js/100px280?theme=thumb" alt="Card image cap">
               <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
             </div>
           </div>
@@ -128,7 +128,7 @@
     <script src="../../../../assets/js/vendor/holder.min.js"></script>
     <script>
       $(function () {
-        Holder.addTheme("thumb", { background: "#55595c", foreground: "#eceeef", text: "Thumbnail" });
+        Holder.addTheme("thumb", { bg: "#55595c", fg: "#eceeef", text: "Thumbnail" });
       });
     </script>
     <script src="../../../../dist/js/bootstrap.min.js"></script>