2015-10-17 85 views
1

我使用Slider pro插件,但無法爲百分比設置高度值。將百分比轉換爲窗口高度的像素

所以我想轉換像素百分比。我需要我的滑塊佔據我窗口高度的75%。

如何做到這一點?

var windowHeight = $(window).height(); 

然後,我需要把值(以像素爲單位)「高度」在我的滑塊的屬性:

$('#carousel-header').sliderPro({ 
     width: '100%', 
     height: VALUE IN PIXELS, 
     aspectRatio: -1, 
     buttons: false, 
     imageScaleMode: 'cover', 
     waitForLayers: true, 
     fade: true, 
     autoplay: true, 
     touchSwipe: false, 
     autoplayOnHover: 'none', 
     autoScaleLayers: false, 
     smallSize: '480' 
    }); 
+0

哇,真的嗎? '$(窗口).height()* 0.75'想到了! – adeneo

+0

那以像素爲單位返回一個值? – Xroad

+0

它會的。至於計算,試試'($(window).height()/ 100)* 75' –

回答

1

嘗試:($(window).height() /100)*75 到位你的價值

這的應該轉換它。