2010-10-03 46 views
0

我有一個網站的寬度100%和高度100%和溢出隱藏在身體上。所以它的全屏網站使用jQuery全屏幕背景圖片插件。在一頁上我有一張縮略圖列表,每個拇指都設置爲向左浮動,以便用拇指圖像填充整個窗口。jQuery腳本在窗口調整大小向上或向下縮略圖

溢出設置爲隱藏狀態,當頁面上顯示的縮略圖太多時,它們會在底部消失。我正在尋找一個jQuery腳本,當窗口被調整大小時會自動放大或縮小縮略圖,所以所有的大拇指總是可見的我以前看過這樣的腳本,但沒有預定它的標記...

任何人都知道一個腳本可以做到這一點?

感謝

回答

0

我想像它會是這個樣子:

$(window).resize(function() { 
    var _newWidth = `<calc here>`; //calc new Width here based on window size 
    var _newHeight = `<calc here>`; //calc new Height here based on window size 
    $("img.thumb").css({width: _newWidth, height: _newHeight}); 
}); 

對不起,沒有任何實際的比例計算的,但它應該使用$(window).height() & $(window).width()得到相當簡單需要的值。

+0

謝謝你們。只是想知道,鈣會是什麼?因爲我們不知道瀏覽器的寬度和高度是多少。只需要所有的拇指縮小或放大。在你的解釋中,給每個拇指一班「拇指?」非常感謝! – Rob 2010-10-03 13:51:14