基礎軌道滑塊上的全寬圖像

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計算寬度。