jssor carousel Having an Issue -


i need simple horizontal no-autoplay carousel images of various width same height (117px). need see continuous multiple images (depending on width) in container separated by, say, 5px. oriental lady example on jssor.com.

what (see below code) working carousel, displaying single image per slide. need do/set multiple images per slide please?

<script src="../js/jquery-1.9.1.min.js"></script> <script src="../js/jssor.slider.min.js"></script> <script> jquery(document).ready(function (\$) {      var options = {      \$autoplay: false,      \$loop: 0,      };     var jssor_slider2 = new \$jssorslider\$('slider2_container', options); }); </script>    <div id="slider2_container" style="position: relative; top: 0px; left: 0px; width: 300; height: 117;">  <!-- slides container -->  <div u="slides" style="cursor: move; position: relative; overflow: hidden; left: 0px; top: 0px; width:300; height: 117">     <div>             <img   src="$imgpath/msummer2015.jpg">             <p>marklin summer 2015</p>     </div>     <div>             <img   src="$imgpath/m2015.jpg">             <p>marklin 2015</p>     </div>     <div>             <img  src="$imgpath/roco2015.jpg">             <p>roco 2015</p>     </div>     <div>             <img  src="$`enter code here`imgpath/fl2015.jpg">             <p>fleischmann 2015</p>     </div> </div> </div> 

first of all, please define slider size in pixel (300px, 117px). note every slide should in fixed size.

given slider in size 300 x 117, can display 2 or more slides in slides container. please set $slidewidth, $displaypieces, $slidespacing options.

var options = {  $autoplay: false,  $loop: 0,  $slidewidth: 150,  $displaypieces: 2,    //or more if  $slidespacing: 0 }; 

Comments

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -