Question

我的轨道滑块图像宽度有问题。我的图像宽度为1600像素，但显示器的分辨率可能更高 - 例如1680像素。是否可以将图像的大小拉伸到屏幕的100％（在此示例中为1680px）？

我的代码是标准的，看起来像这样：

<div id="featured">
<img src="11.jpg" alt="">
<img src="12.jpg" alt="">
<img src="13.jpg" alt="">
</div>

<script src="js/jquery.foundation.orbit.js"></script>

<script type="text/javascript">
   $(window).load(function() {
       $("#featured").orbit();
   });
</script>

感谢您的帮助。

阿德里安

Answer 1

它很简单，只需在行div之外写入轨道代码就可以给你全宽。在基础4中就是这样。

Answer 2

您可以使用var imgwidth = window.innerWidth获取窗口的宽度。
使用$('image_selector').width = imgwidth设置图像的width属性。

$（窗口）.load（{
```
var imgwidth = window.innerWidth;
$('image_selector').width = imgwidth;
$("#featured").orbit();
```
}）;

Answer 3

你的CSS设置也是如此？如果将容器的宽度（'#featured'）和图像设置为100％，则应将图像拉伸到窗口的宽度。无需使用javascript计算宽度。

基础轨道滑块上的全宽图像

3 个答案: