using contain instead of cover

simple-carousel · Oct 5, 2016 · b0e4f84 · b0e4f84
1 parent 1881945
commit b0e4f84
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/simple-carousel/simple-carousel.html b/src/simple-carousel/simple-carousel.html
@@ -83,15 +83,15 @@
     <iron-swipeable-pages id="ironCarousel" selected="{{slideIndex}}">
       <div>
         <iron-image style="width:100%; height:320px; background-color: #fff;"
-                    sizing="cover" preload fade src="{{images.image1.value}}" alt="{{images.image1.altTextEn}}"></iron-image>
+                    sizing="contain" preload fade src="{{images.image1.value}}" alt="{{images.image1.altTextEn}}"></iron-image>
       </div>
       <div>
         <iron-image style="width:100%; height:320px; background-color: #fff;"
-                    sizing="cover" preload fade src="{{images.image2.value}}" alt="{{images.image2.altTextEn}}"></iron-image>
+                    sizing="contain" preload fade src="{{images.image2.value}}" alt="{{images.image2.altTextEn}}"></iron-image>
       </div>
       <div>
         <iron-image style="width:100%; height:320px; background-color: #fff;"
-                    sizing="cover" preload fade src="{{images.image3.value}}" alt="{{images.image3.altTextEn}}"></iron-image>
+                    sizing="contain" preload fade src="{{images.image3.value}}" alt="{{images.image3.altTextEn}}"></iron-image>
       </div>
     </iron-swipeable-pages>