joshuagatcke / HTML-KickStart

Ultra–Lean HTML Building Blocks for Rapid Website Production
http://www.99lime.com
MIT License
1.22k stars 242 forks source link

Slideshow #74

Open chasecrom opened 9 years ago

chasecrom commented 9 years ago

When using

<ul class="slideshow">
<li><img src="http://lorempixel.com/400/400/" height="400" width="400"/></li>
<li><img src="http://lorempixel.com/400/400/" height="400" width="400"/></li>
<li><img src="http://lorempixel.com/400/400/" height="400" width="400"/></li>
<li><h3>Slide Anything</h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p></li>
</ul>

It does not show the images as 400x400, instead by 400 in height and then expands the width to fill the page.

FelipeAzambuja commented 8 years ago

use the class .bx-wrapper, .bx-viewport .bx-viewport img to set height and disable resposive mode