FAQ Database Discussion Community


Jssor Thumbnail Navigation Doesn't Slide/Drag

javascript,jquery,slider,jssor
We are implementing a Jssor slider on our website. Everything was working good, but while we were adjusting for design and images the thumbnail navigation stopped moving. The page is here: http://visionsunltd.com/CMS/advertising-gallery <script src="http://visionsunltd.com/js/jssor.slider.min.js"></script> <script> jQuery(document).ready(function ($) { var _SlideshowTransitions = [ //Fade in R {$Duration: 2000, $During: { $Left:...

JSSOR conflict with Ajax?

jquery,ajax,jssor
I was testing Jssor and was a success. When I edit the code to get the slides content from another file with Ajax it stop working. But if instead I add them in the code without Ajax it work again. There is a way to load the images dinamically? Ajax...

JSSOR Slider - How stop thumbnail navigator onHover?

javascript,jssor
I'm using the thumbnailNavigator with ActionMode:3(onHover)...normally the ThumbnailNavigator after changed the slide, put the hovered thumbs on first line( i'm using vertical orientation)...i wanna stop this movement, i.e. after changed slide stop the thumb moving...is that possible? Fundamentally i'm searching onHoverStop option for thumnailNavigator....

Jssor Slider: Captions overlap for a short time before slideshow starts

jquery,html,css,jssor
I have a simple slideshow of 3 slides caption-only, as follows: <div id="sliderHeader_container" style="position: relative; width: 965px; height: 85px;"> <!-- Slides Container --> <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width:965px; height:85px; overflow: hidden;"> <!-- Slide --> <div> <div u="caption" t="L|EP" style="position: absolute; top: 0px; left: 0px;...

Jssor slider variable width based on window width

css,slider,styles,width,jssor
It is possible to change slides to fixed width based on window size (media queries)? I don't want it to scale or be in percetange, just fixed width depending on window size. For example something like this @media screen and (min-width: 320px) { .slides { width: 200px; } } @media...

get the added id from the slide

javascript,jquery,jssor
I have added an attribute "id" to the slide. this id I need to work with, however I am not able to get this id somehow jssor_slider2.$On($JssorSlider$.$EVT_PARK, function (slideIndex, fromIndex) { //it fires when current slide swith to another }); The moment this fires I want to be able to...

how to create rtl tab slider with Jssor Slider Plugin

jquery,tabs,slider,right-to-left,jssor
I used the Jssor slider, But my problem with it for rtl tab direction on usage tab slide. I want to arrange tabs right to left and slide show begin from right to left. See the orginal demo: http://www.jssor.com/demos/tab-slider.html Thanks a lot...

Jssor Fade slideshow isn't working

javascript,jquery,fade,jssor
I am having difficulty getting the Fade Slideshow working on my page. The demo works fine, but as soon as I incorporate it into my files, the fade transition no longer works. The first image disappears and is replaced by the next after the transition duration has elapsed. I have...

How change the property of gridslide

jquery,grid,styles,photo,jssor
I changed the property in .js end style but I not have success I need help. The grid is this http://www.jssor.com/demos/grid-slider.html I need it to full screen....

Using JJSOR with large gallery

jquery,jssor
A question related to this answer: Jssor slider - How do I destroy and recreate Jssor slider with different content. Suppose I have 500 images (50kb average) with thumbnails (about 2-3kb), evenly divided into 6 category. Preloading all 500 images with thumbnails would take too long, the usual method would...

Text overlay when loading the page

jssor
I have added a paragraph in the slider. <div> <a> <img src="image.jpg"/> <p>Some texts</p> </a> <div> The paragraph is display on top of the image.The slider works fine after finishing loading the whole page. However, when the page is loading, I can see all of the paragraph for each slide...

Jssor slider does not start automatically

javascript,css,jssor
Here my code; the slider does not start automatically: <div id="slider" style="position: relative; margin: 0px; top: 0px; left: 0px; width: 100%; height: 300px; overflow: hidden;"> <div u="slides" style="cursor: default; width: 960px; height: 300px;overflow: hidden;"> I think this could be because of the width=100% in the parent div. When I change...

JSSOR slider: Remove inline style from html

html,css,jssor
I am trying to remove the inline style from the thumbnail navigator skin but am not sure how to treat this bit of html. <!-- What is "div u=" please? Is "u" a class here? How does that translate to a CSS selektor? --> <div u="slides" style="cursor: move;"> <!-- Here...

images from database not getting loaded in Jssor Slider

javascript,image,slider,loading,jssor
Hi I am working on integrating JSSOR slider with my database images. I added code in my index.html. <div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 600px; height: 327px; background: #fff; overflow: hidden; "> <!-- Slides Container --> <div u="slides" style="cursor: move; position: absolute; left:50px; right:20px; top: 50px; width:...

JSSOR Slider Number Bullet List

slider,jssor
I am using Jssor slider and works fine in default. But I don't use bullet images. Is that possible use number instead of bullet images? My bullet parameter is u="navigator" Thanks in advance...

Jssor Customizable

jssor
I'm using Jssor for slide a photo album but I need to know some points: 1 - I need to have 4 albuns how can I switch from album to album by 4 buttons I have on right of the images 2 - I need to configure the squares of...

JSSOR - Is it possible to fade in/out bullets/thumbnails when sliding?

jssor
Like the title says is it possible to fade out bullets or thumbnails when starting to slide and fade in when its stopping with the slide animation? I looked into the development section but can't seem to find anything about it. At the moment I just always show the thumbnails...

How to set default tab in jssor “tab slider text” jquery demo example

jquery,jssor
By now I have a pretty good grasp of how to get a JSSOR slide show up and running. I am currently employing the "tab-slider-text.source.html" example as the model for a three tab panel, where each panel will be a week: TAB 1 will be "Previous Week", TAB 2 will...

JSSOR Error prototype of 'thumbnavigator' not defined

javascript,jquery,jssor
I'm trying to implement a JSSOR slider to my page but i'm stuck with the thumbs navigation. I keep getting the following error once i add an u="thumbnavigator" to my markup: Error: Error: prototype of 'thumbnavigator' not defined. Script: [...] Line: 69 Column: 14 StackTrace: Error: prototype of 'thumbnavigator' not...

How to remove beginning of filename in PHP?

php,gallery,jssor
I'm making a gallery in jssor and the slides are made by reading a directory and writing the div for every image using a PHP script. Under the image a caption is displayed with the name of the artist (this is always the same) followed by the file name without...

Slider doesn't autostart in Explorer 11

slider,internet-explorer-11,jssor,autostart
I have been unable to get this code to work on IE11 - it works fine on Chrome and Firefox, Android Chrome, Opera, just not IE. In IE11, I can actually see the images pile in on top of one another until it reaches the last image, then it just...

Jssor slide out each caption

transition,slide,jssor,caption
I downloaded and used Jssor slide from this source : http://www.jssor.com/demos/introduction-slider.html And how can I slide each caption in a slide. Ex : in slide 1, caption A fade in, then caption A fade out after 3s and caption B fade in with position is same caption A....

Jssor - Uncaught TypeError: Cannot read property 'currentStyle' of undefined

javascript,jquery,ajax,jssor
Jssor is causing a JavaScript error on . It is the same problem for IE 8, and IE 11. What I have tried: Checked SCRIPT5007 error in JSSOR slider in IE8 Checked jssor slider - js error on testing server Checked JSSOR - Cannot read type property 'currentStyle' of undefined...

issue in loading array of images from database into jssor slider on Page show event

database,dynamic,data,slider,jssor
I am working on JSSOR Slider for an array of images from database. 1) Is there any restriction that the "slides div" must have at-least 1 div inside to initialize.As i am getting this error on my iphone as i launch the app 2) Also upon page show i am...

Weird behaviour of jssor slider when deployed as cloud service on chrome

css,jssor,azure-cloud-services
I have a jssor slider on a website that is displaying full screen in debug mode on a large monitor but when I push it into the a cloud service for production deployment at ebill.budgetenergy.co.uk then there is white space being displayed to the right of the slider, any ideas...

jssor - [an error occurred while processing this directive] message

javascript,jssor
I'm using two jssor galleries, gallery_thumb and carousel, they both work fine but when I put them online I get this message: [an error occurred while processing this directive] Can't seem to find the actual problem since they both work fine, and this doesn't come up when I'm in local...

Q: Jssor account for body padding in Scalewidth

jquery,slider,jssor,calc
I am running into some responsive problem with the jssor slider. I get an overlap on the right side which also gives a horizontal scrollbar. I think it's because of the scalewidth percentage, if i lower this percentage with 0.03 it looks good. I am using a body padding of...

JSSOR slider: Image Gallery demo keeps showing highlight image on mobile

css,jssor
I am using the image gallery slider with arrow navigator skin 19 and thumbnail navigator skin 7. However the issue can also be observed in the default image gallery demo here: JSSOR slider: Image Gallery Demo. What happens is the following. Desktop: When the mouse enters the thumbnail navigator the...

Jssor Slider - Relative dimensions cause error in IE11

html,css,jssor
I have problem with relative dimensions of the slider container in IE11 (Jssor 18.0). HTML structure: There's an outer div with absolute dimensions (width and height in pixels). There's inner div, the one for which the slider is created, with relative dimensions (width = height = 100%). The slider works...

How to add arrows for thumbnail jssor navigation slider

jssor
I check out a demo in jssor site using navigation arrows for thumbnail slider (http://www.jssor.com/demos/thumbnail-navigator-with-arrows.html), but I didn't find example code. Can someone explain how to add arrows to a thumbnail slider?.

jQuery Jssor Image Slider Width Issue

javascript,jquery,css,jssor
I recently implemented the Jssor Image Slider which is responsive: http://www.petcenters.com/Interior-Painting-Gallery Here is the Demo: http://www.jssor.com/demos/image-gallery.html I'm having a problem adjusting the width of this container. I have tried to change the width attribute to 1340px in several places: <div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 800px; height:...

Jssor: add vertical scrollbar when page is to long

jquery,html,css,jssor
I found this article however no valuable answer on it (jssor slider thumbnail scrollbar) In basic I want to be able to have a scrollbar vertical if the content is longer than the page. I thought to be smart to add "overflow-y : scroll;" but it seems the page goes...

JSSOR - IE/Firefox issue with fade transition on images/elements with CSS transform

jssor
I'm using JSSOR for a slideshow which consists of slides which are using several HTML elements including an image element with CSS translate and scale styling. These CSS properties are necessary because the user can move the images around on another page. The slider works as it should be while...

jssor slider missing content in IE but ok in Chrome

jquery,slider,jssor
I have created a simple slider using jssor, and it works fine in Chrome. However, when I view the same slide in IE 11, the text is missing (but the background image is present). Can someone tell me what is wrong with this code - why won't the text show...

JSSOR Slider Min-Height change needed

slider,jssor
"jssor slider will always keep aspect ratio while scale. so min-height is not reasonable" hi all, i need a min-height function for the image in order to keep my page layout consistent. Does anyone know how to modify the js code? A flexible dynamic width is good but at...

How to bound images with border-image?

jquery,jssor
I'm using the Jssor Slider in "Different Size Images Slider" scenario. I want to add a border-image (wooden frame for paintings) to each image. all the images take the correct width & height (including the border size + image size), but none of container Divs takes the correct dimensions and...

Jssor Slider Bullet display at the top when using linked css

javascript,html,css,jssor
I am trying to use Jssor Slider, I copy a demo and it works fine. While after I try to move the inline css into a separate css file, the bullet navigator displays at the top of the slider instead of at the bottom. This is my original html with...

jssor slider when i addin (margin: 0 auto;) it centers but stops working

jssor
I've got the slider configured with captions as I'd like them and all works perfectly on the left hand side of the screen but I'd like it to be centred. I've been searching for the annswer and found in a number of threads that adding 'margin: 0 auto;' to the...

Jssor Slider how to add arrows to thumbnail image gallery

javascript,jquery,html,css,jssor
I am trying to use this image gallery: http://www.jssor.com/demos/image-gallery.html How can I add left and right arrows navigation to the thumbnail slider above the same like this demo: http://www.jssor.com/demos/thumbnail-navigator-with-arrows.html...

Jssor create dynamic slider

jquery,jssor
First of all thanks for the perfect slider! My problem is: I have 2 image set on one web page, by clicking each of them I'd like to open a overlay view that has a Jssor slider to show the images. The images in the set are of the same...

Embedding JSSOR slider

javascript,jquery,css3,slider,jssor
I am trying to embed the slider into my site, but I am getting the white squares stacked 3 high (3 different slides) when I test it. I am new with javascript and clearly missed something. I wanted there to be a slider with 3 slides that could be clicked...

JSSOR Continuous slider displaying 6 from n logos

jquery,slider,jssor
i'd like to realize a continuous horizontal scroller showing 6 of n thumbnails. it's for a shop, to display logos of manufacturers. i am coming from: http://jsfiddle.net/b6qpdyex/3/ with these setting: jQuery(document).ready(function ($) { var options = { $AutoPlay: true, $PlayOrientation: 1, $SlideEasing: $JssorEasing$.$EaseLinear, $AutoPlayInterval: 0, $SlideDuration: 5500, $DisplayPieces: 6 };...

jssor sliders swipe in the same time

slider,jssor
I have two Jssor "nearby-image-partial-visible-slider" on the same page and I would like them to swipe/move in the same time. Is this possible? Can somebody tell me how can I achieve this? Thank you!

Jssor Slider 2 sliders combination

jssor
Is there a way to combine Carousel Slider and Nearby Image Partial Visible Slider? I want to show 6 images - 4 full visible and 2 partial visible at the ends.