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
Post a Comment