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

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属性$('image_selector').width = imgwidth 。

  $（窗口）.load（{

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

  }）;

Answer 3

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