From: Rudger Gravestein <rudgergravestein@gmail.com>
Date: Thu, 14 Sep 2017 10:59:13 +0000 (+0200)
Subject: Update holder.js image data-src + create theme
X-Git-Tag: v4.0.0-beta.2~243^2~1
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=9ff5f65fa83b9e0db86c2f9ece0e3466972a1060;p=thirdparty%2Fbootstrap.git

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 ecd3f35176..ccc65d6b72 100644
--- 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>