Jssor vertical carousel show multiple slides
Tag : jquery , By : Chris Hubbard
Date : March 29 2020, 07:55 AM
Hope this helps Please set height to 500px for 'outer container' and 'slides' container. And set $SlideHeight to 100 explicitely. css: .logo-slide-container{
position: relative;
top: 0px;
left: 0px;
width: 160px;
height: 500px;
background: lightgray;
}
.logo-slides{
position: absolute;
top: 0;
left: 0;
width: 160px;
height: 500px;
}
$(document).ready(function ($) {
var options = {
$AutoPlay: true,
$PlayOrientation: 2,
$AutoPlayInterval: 2000,
$SlideDuration: 1000,
$SlideHeight: 100,
$DisplayPieces: 5
var jssor_slider1 = new $JssorSlider$("logo-slide-container", options);
});
<div id="logo-slide-container" class="logo-slide-container">
|
JSSOR Carousel with text possible?
Date : March 29 2020, 07:55 AM
This might help you Yeah for sure. You can place everything in slide. You can define content slide as follows, <div><!-- Any HTML Content Here --></div>
|
Jssor playTo() in looped carousel
Date : March 29 2020, 07:55 AM
Hope this helps I have a simple problem with the playTo() method of Jssor. I have a carousel with multiple images in loop. I use playTo() method so that clicked image is moved to the center of the carousel. , Please compare the distance to go manually. var targetIndex = yourIndex; //yourIndex is the index that you determined to go according to the image clicked.
var currentIndex = jssor_slider1.$CurrentIndex();
var slidesCount = jssor_slider1.$SlidesCount();
if(targetIndex < currentIndex) {
if(currentIndex - targetIndex > slidesCount - currentIndex) {
targetIndex += slidesCount;
}
}
else {
if(targetIndex - currentIndex > slidesCount - currentIndex) {
targetIndex -= slidesCount;
}
}
jssor_slider1.$PlayTo(targetIndex);
|
jssor carousel Having an Issue
Date : March 29 2020, 07:55 AM
should help you out First of all, please define your slider size in pixel (300px, 117px). Note that every slide should be in fixed size. Given a slider in size 300 x 117, you can display 2 or more slides in the slides container. Please set $SlideWidth, $DisplayPieces, $SlideSpacing options. var options = {
$AutoPlay: false,
$Loop: 0,
$SlideWidth: 150,
$DisplayPieces: 2, //or more if you like
$SlideSpacing: 0
};
|
Jssor carousel slider with <a> tag not working in safari
Date : March 29 2020, 07:55 AM
|
Boards Message :
Related QUESTIONS :