Browse Source

Chapter 4: styling images.

Frederic G. MARAND 9 years ago
parent
commit
dbdc62a027
1 changed files with 6 additions and 7 deletions
  1. 6 7
      chapter4/10carousel.html

+ 6 - 7
chapter4/10carousel.html

@@ -13,7 +13,6 @@
 
   <style type="text/css">
     img {
-      width: 100%;
       height: 50vh !important;
     }
   </style>
@@ -32,7 +31,7 @@
     <!-- Wrapper for slides -->
     <div class="carousel-inner">
       <div class="item active">
-        <img src="images/car1.jpg" />
+        <img src="images/car1.jpg" class="img-circle center-block" />
         <div class="carousel-caption">
           <h3>Concept-car Alfa-Romeo</h3>
           <p>Lorem ipsum dolor sic amet, consectetur ...</p>
@@ -40,7 +39,7 @@
       </div>
 
       <div class="item">
-        <img src="images/car2.jpg"/>
+        <img src="images/car2.jpg" class="img-circle center-block" />
         <div class="carousel-caption">
           <h3>Concept-car Honda</h3>
           <p>Lorem ipsum dolor sic amet, consectetur ...</p>
@@ -48,10 +47,10 @@
       </div>
 
       <div class="item">
-        <img src="images/car3.jpg" />
+        <img src="images/car3.jpg" class="img-circle center-block" />
         <div class="carousel-caption">
           <h3>Concept-car Chrysler BMW</h3>
-          <p>Loorem ipsum dolor sic amet, consectetur ...</p>
+          <p>Lorem ipsum dolor sic amet, consectetur ...</p>
         </div>
       </div>
 
@@ -72,11 +71,11 @@
 <script src="../js/bootstrap.js"></script>
 <script type="text/javascript">
   var options = {
-    interval: 1000,
+    interval: 3000,
     // Stop sliding on hover. Default: no
     pause: "hover",
     // Continue to first after last
-    wrap: false
+    wrap: true
   }
 
   function getImage(j) {