Как мне создать слайд-шоу полной ширины, в котором его высота пропорциональна ширине?
Итак, у меня есть css для создания полноразмерного изображения с сохранением его пропорции:
#featured-slideshow {
width: 100%;
}
#featured-slideshow .slideshow {
width: 100%;
}
#featured-slideshow .slideshow img {
width: 100% !important;
min-height: 300px;
min-width: 892px;
}
И наценка:
<div id="featured-slideshow">
<div class="slideshow">
<img src="images/slideshow/image-1.jpg" />
<img src="images/slideshow/image-2.jpg" />
<img src="images/slideshow/image-3.jpg" />
</div>
</div>
Проблема, с которой я столкнулся, заключается в том, что как только я применил к нему плагин jquery, такой как цикл jquery, он не сможет переработать ширину и высоту, как только вы начнете масштабировать окно.
Любая помощь будет принята с благодарностью - я открыт для использования других плагинов или решений для слайд-шоу.
Большое спасибо