Увеличить ширину слайдера Jssor

Я только начинаю использовать jssor slider.I знаю, что есть много примеров, связанных с слайдером jssor. Я хочу настроить слайдер в соответствии с потребностями. Я просто создаю простой слайдер с нуля с помощью jssor. Я хочу, чтобы увеличить ширину и высоту slider.Here мой код:Увеличить ширину слайдера Jssor

<html> 
<head> 
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> 
    <script type="text/javascript" src="js/jssor.slider.mini.js"></script> 
<script> 
jQuery(document).ready(function ($) { 
     var options = { $AutoPlay: true}; 
     var jssor_slider1 = new $JssorSlider$('slider1_container', options); 
}); 

</script> 
</head> 
<body> 
<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="img/01.jpg" /></div> 
     <div><img u="image" src="img/02.jpg" /></div> 
    </div> 
</div> 
</body> 

</html>

источник

2015-12-11 Karan

Проверить для этого кода

function ScaleSlider() { 
       var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth; 
       if (refSize) { 
        refSize = Math.min(refSize,1200); 
        jssor_1_slider.$ScaleWidth(refSize); 
       } 
       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 
     };

источник

2015-12-11 07:47:37 Tanmay

ответ

Смежные вопросы