我将如何创建一个使其高度与宽度成比例的全宽幻灯片?
所以我有我的 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 循环,一旦开始缩放窗口,它就无法重新计算宽度和高度。
任何帮助将不胜感激 - 我愿意使用其他幻灯片插件或解决方案。
非常感谢