2015-04-21 186 views
1

我使用jssor`s簡單褪色滑塊和它工作正常,但存在與高度和寬度的問題..Jssor滑塊固定高度動態的寬度

其實我使用的寬度百分比和問題促使其是爲我增加了寬度高度也同樣增加了反之亦然..

我要的是滑塊保持不變,但相應的寬度變化的高度..

+0

如果您只想增加寬度..您的圖像將被拉伸而不保持圖像比例。 –

+0

是的,我知道,但我仍然希望它做,請幫助,如果你知道如此 –

+0

它可能有所幫助:http://stackoverflow.com/a/25373831/4273446 –

回答

0

最我已經能夠要做的就是在初始化之前讓滑塊縮放寬度,基本上像100%寬度和固定高度一樣工作。

唯一的問題是,如果窗口調整大小,它不會縮放。

無論哪種方式,有興趣的人士,只需更新與JS滑塊div容器初始化權之前Jssor:

<!-- Jssor Trigger --> 
<script> 
    var parentWidth = document.getElementById('slider').offsetWidth; 
    document.getElementById('slider1_container').style.width=parentWidth+'px'; 
    document.getElementById('slider1_slides').style.width=parentWidth+'px'; 
    jssor_slider1_starter('slider1_container'); 
</script> 

如果你的頁面有一個垂直滾動條,你可能有結束之後調用這個代碼您從中獲得寬度值的div的標記,或者僅僅在關閉body標記之前。