2015-04-03 145 views
0

JSP代碼我用來繪製滑塊......我用它來顯示滑塊無法設置jssor滑塊的高度

<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 600px; height: 300px;"> 
<!-- Slides Container --> 
    <div u="slides" style="cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 600px; height: 300px;"> 
       <div><img u="image" src="<%=request.getContextPath()%>/images/sliderimages/banner01.png" /></div> 
       <div><img u="image" src="<%=request.getContextPath()%>/images/sliderimages/banner02.jpg" /></div> 
       <div><img u="image" src="<%=request.getContextPath()%>/images/sliderimages/banner03.jpg" /></div> 
       <div><img u="image" src="<%=request.getContextPath()%>/images/sliderimages/banner04.png" /></div> 
       <div><img u="image" src="<%=request.getContextPath()%>/images/sliderimages/banner05.jpg" /></div> 
       <div><img u="image" src="<%=request.getContextPath()%>/images/sliderimages/banner06.jpg" /></div> 
       <div><img u="image" src="<%=request.getContextPath()%>/images/sliderimages/banner07.jpg" /></div> 
      </div> 
     </div> 

jQuery函數

function ScaleSlider() { 
    var parentWidth = $('#slider1_container').parent().width(); 
    console.log("**********"+parentWidth); 
    if (parentWidth) { 
     jssor_slider1.$ScaleWidth(parentWidth); 
    } 

    else 
     $JssorUtils$.$Delay(ScaleSlider, 30); 
} 

ScaleSlider(); 
$(window).bind("load", ScaleSlider); 
$(window).bind("resize", ScaleSlider); 
$(window).bind("orientationchange", ScaleSlider); 

我無法增加的高度滑塊請幫助....

+0

它始終保持縱橫比,你可以調用$ ScaleWidth或$ ScaleHeight – jssor 2015-04-03 23:12:05

回答

2

您可以更改jssor滑塊的寬度和高度。

找到這些代碼:

$SlideWidth: 600, 
$SlideHeight: 300,