根據屏幕設置幻燈片放映的寬度

我的幻燈片在各個方面都能正常工作，只是在調整到不同的屏幕尺寸時，這是一個完全失敗的事實。根據屏幕設置幻燈片放映的寬度

它在我的大屏幕上應該像它應該那樣工作，但在另一個屏幕上，它不適應並添加水平滾動條。

我給它增加了100％的寬度，但是我發現正確的方法是通過一個動態調整一切的JavaScript代碼。問題是，我從來沒有任何經驗，不知道從哪裏開始。我的頁面有jQuery加載的方式。

這是幻燈片的樣本結構：

<div class="featured-image"> 
<div style="overflow: hidden;height: 450px;"><img width="1950px" height="" alt="4" src="image.jpg"></div> 
<!-- end .featured-price --> 
</div>

我想一個jQuery腳本靶向「.featured圖像IMG」動態和寬度和高度添加到它會是這樣做的方式。有沒有比這更好的方法或更簡單的腳本？任何幫助表示讚賞。

來源

2012-10-29 Claudio Delgado

什麼幻燈插件，您使用的？ –

它嵌入在Wordpress主題中。說實話，我不知道。 HTML內容：http://jsfiddle.net/nA9Bz/ –

var screenWidth = $(document).width(); 
$('.featured-image img').width(screenWidth);

如果你需要進行動態調整，那麼你就需要捕獲resize事件：

$(window).resize(function() { 
    var screenWidth = $(document).width(); 
    $('.featured-image img').width(screenWidth); 
});

來源

2012-10-29 15:34:09

幾乎我所需要的！如果我想採用屏幕寬度並從中減去某些東西，然後將其用作我的最終寬度，該怎麼辦？ –

這項工作？：var screenWidth = $（document）.width（） - 50; –

這應該沒問題。 –

根據屏幕設置幻燈片放映的寬度

回答

相關問題