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

我有軌道滑塊圖像的寬度問題。我的圖像寬度爲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>

感謝您的幫助。

阿德里安

來源

2013-07-01 Adrian

你可以使用var imgwidth = window.innerWidth窗口的寬度。

使用$('image_selector').width = imgwidth設置圖像的寬度屬性。

$（窗口）.load（{

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

}）;

來源

2013-07-01 11:04:54 Kelsadita

當圖像加載 - 他們有100％的寬度，但加載後，img的寬度再次1600px – Adrian

對不起 - 圖像加載並具有全屏寬度，但軌道沒有工作。我有網站上的圖像列表 – Adrian

那麼您的CSS設置？如果將容器（'#featured'）和圖像的寬度設置爲100％，則應將圖像拉伸到窗口的寬度。無需使用javascript計算寬度。

來源

2013-07-01 15:23:30

它很容易只寫行軌代碼以外應該給你全寬的行div。以及基礎4即是。

來源

2013-09-19 20:21:47 david

請問你能解釋一些工作的例子來說明更好嗎？ – Meryovi

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

回答

相關問題