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

Question

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

我的代码是标准的，如下所示：

<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

你的 CSS 设置也是如此吗？如果将容器 ( '#featured') 和图像的宽度设置为 100%，它应该将图像拉伸到窗口的宽度。无需使用 javascript 计算宽度。

Answer 3

• 您可以使用var imgwidth = window.innerWidth.

• 使用 设置图像的宽度属性$('image_selector').width = imgwidth。

  $(窗口).load({

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

  });