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