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

我对轨道滑块图像的宽度有问题。我的图像的宽度为1600px，但显示器的分辨率可以更高，例如1680px。 是否可以将图像的大小拉伸到屏幕的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>

$（窗口）。加载（函数（）{
$（“#特色”）.orbit（）；
});

谢谢你的帮助

阿德里安

您可以使用

var imgwidth=window.innerWidth

获取窗口的宽度

使用

$（“图像选择器”）设置图像的宽度属性。宽度=imgwidth

$（窗口）。加载({

}))

---

您的CSS设置也是如此吗？如果将容器（

“#特色”

）和图像的宽度设置为100%，则应将图像拉伸到窗口的宽度。无需使用javascript计算宽度。

只需在row div之外编写轨道代码，就可以获得完整的宽度。

---

在基础4中，

当图像加载时，它们有100%的宽度，但是加载后IMG的宽度又是1600 pxSouth-我的坏-图像被加载并且具有全屏幕宽度，但是轨道不起作用。我在网站上有一个图片列表，你能用一些工作实例来解释一下吗？

var imgwidth = window.innerWidth;
$('image_selector').width = imgwidth;
$("#featured").orbit();