JSSOR，如何適合圖像到父div大小

Question

我發現，一個燦爛的jquery插件來旋轉橫幅。 所有的劇本我保持DIV

<div style="background-color:black; width:70%; height:300px;" class="adv">. 

也許，SB都知道，如何適應像上述股利。

Thx尋求幫助。

Answer 1

請將滑塊置於上述容器中，然後您可以將滑塊縮放到容器的寬度。

<div style="background-color:black; width:70%;" class="adv"> 
    <div id="slider1_container" ...> 
     ... 
    </div> 
</div> 


    <script> 
     ... 
     var jssor_slider1 = new $JssorSlider$(...; 

     //responsive code begin 
     //you can remove responsive code if you don't want the slider scales while window resizes 
     function ScaleSlider() { 
      var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth; 
      if (parentWidth) 
       jssor_slider1.$ScaleWidth(parentWidth); 
      else 
       window.setTimeout(ScaleSlider, 30); 
     } 

     ScaleSlider(); 
     $Jssor$.$AddEvent(window, "load", ScaleSlider); 

     $Jssor$.$AddEvent(window, "resize", $Jssor$.$WindowResizeFilter(window, ScaleSlider)); 
     $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider); 
     ////responsive code end 

    </script>