Questions tagged [jssor]

Jssor Slider is an independent JavaScript touch swipe image slider. When using Jssor, it will freeze and then move to the direction that finger swipes to. It comes with an easy-to-use generation tool and full JavaScript source code. Jssor Slider works on any JavaScript enabled browser, including Windows Phone, iOS, Android and Opera Mobile and is well tested on Samsung mobile, iPhone, iPad, HTC, and Blackberry.

Jssor Slider is touch swipe image slider with 390+ caption slide effects. When touch Jssor Slider, it will freeze and then move to the direction that finger swipes to. It comes with an easy to use generation tool and full JavaScript source code.

Jssor Slider works on any JavaScript enabled browser, including Windows Phone, iOS, Android and Opera Mobile etc., and is well tested on Samsung mobile, iPhone, iPad, HTC, and Blackberry.

Tons of options enable you build your own caption transition. You can start with fade, move, clip, wave, jump, rotate or zoom transitions, and so many more that you can imagine. And you can combine 2 or more transitions as well.

Scalable layout engine makes deep customization possible. It means that the interface is adaptive, user can add or remove navigator, direction navigator and thumbnail navigator, or any decoration interface. User can populate skin freely.

Jssor Slider is an independent JavaScript slider which depends no third-party JavaScript library. The smart compression engine reserves code only necessary. All codes relate to unused features will be removed clearly. The size of final independent JavaScript code is minimum 15 KB.

724 questions
23
votes
5 answers

Jssor slider 100% width

I try to get a jssor slider working with 100% width (the container has a width of 70%). The problem is, that jssor only works with pixels, so if I use a slide_container with a width of 100%, the slider doesn't work any more. Is there any trick how…
Reignbeaux
  • 1,113
  • 3
  • 11
  • 15
10
votes
2 answers

JSSOR - Cannot read type property 'currentStyle' of undefined

I'm trying to implement the Jssor slider into my page, but I keep coming up with that error in the title. My content is being dynamically created via Javascript, like so: var slide = app.createHTML('div', "", {'id':'inventorySlides'}, null); var…
DanTheMan
  • 556
  • 1
  • 7
  • 20
9
votes
3 answers

jssor full height or full screen slider / possible?

is it possible to make this demo http://www.jssor.com/demos/full-width-slider.html to full screen height ? like supersizes carousel http://buildinternet.com/project/supersized/slideshow/3.2/demo.html Thanks
Johnny Derp
  • 1,373
  • 6
  • 20
  • 44
7
votes
1 answer

jssor slider: How to reload/refresh the slider to show new images

I am using jssor image slider to show images, but i am facing problem in reloading the slider. I am fetching the image URL at runtime from the server via WebService. I need to display newly fetched image URLs. But I could not find any API to refresh…
harisha
  • 121
  • 2
  • 7
7
votes
1 answer

Jssor - how to keep image aspect ratio?

Sometime photo aspect ratio is not same as slide container, I see that photo will be stretched to fill all the container space. Is there any option to avoid this, to make photo aspect ratio not changed? Surely that there will be some blank space,…
Ben
  • 269
  • 1
  • 5
  • 14
6
votes
3 answers

JSSOR Disable transform perspective

The quality of my captions is horrible, the text is very blurry (like if you have text on a picture and then makes the picture bigger). I noticed that if I remove the css: transform: perspective(2000px); The quality goes back to normal. Why is…
fgblomqvist
  • 1,651
  • 2
  • 24
  • 40
6
votes
3 answers

jssor slider width issues

Super confused on how to adjust the width of this slider... I've tried editing the jquery where you see it commented out: jQuery(document).ready(function ($) { var nestedSliders = []; $.each(["sliderh1_container",…
Timothy Radzikowski
  • 1,168
  • 1
  • 8
  • 12
6
votes
1 answer

Place caption outside image in jssor?

I would like to add a caption outside the image tag in the jssor Plugin

Caption text

So that the caption wouldn't overlay the image - but be…
Urs
  • 4,741
  • 7
  • 45
  • 102
5
votes
2 answers

jssor slider thumbnail position

I have a site that has the Jssor slider with a horizontal row of thumbnails below it (using jssor slider thumbnail navigator skin 07). As far as I can tell the left positioning CSS of each thumbnail div in the thumbnavigator is dynamically inserted…
5
votes
4 answers

How to put up many jssor sliders on one page?

When i try to put more than one slider on my page only first one works. Is there any way to make all of them work at same time? After searching o stack overflow i found this Please initialize multiple instances in following manner, var jssor_slider1…
5
votes
3 answers

Is it possible to have full width JSSOR slider with fixed height?

I'm trying to use JSSOR slider on a website. I already figured out how to make it full width but now it's all "responsive" so it scales even the height of the slide. I would like to have fixed height (400px) and 100% width. I almost achieved it so…
Jakub Štych
  • 53
  • 1
  • 3
5
votes
4 answers

Jssor slider - How do I destroy and recreate Jssor slider with different content

I'm trying to use Jssor slider to show different HTML content depending on selected category and its subcategory. I successfully created content slider for one subcategory, but I can't figure out how can I destroy my current slider and recreate it…
Viliasas
  • 53
  • 1
  • 4
4
votes
0 answers

Display JSSOR slider inside a modal window

When a button clicked, an event is triggered and it loads a modal window with dynamic content. But JSSOR slider with dynamic slides is not working inside this modal window.
4
votes
2 answers

Jssor Content slider loading all the images at once

I am using Jssor content slider with fade effect both for caption and images. But when the page loads all of the images load at once over the background image which looks really very bad. I have even applied loading part to it, but its making any…
Nehal
  • 1,544
  • 4
  • 17
  • 30
4
votes
2 answers

any way to add a box-shadow to images in a jssor slider?

I've used Jssor to create a slider/slideshow. I'd ideally like to have a shadow showing beneath each image. I added a box-shadow to my img styling but the shadow only shows up on some of the images and even then, only on one side. I've also tried…
Robert White
  • 53
  • 1
  • 3
1
2 3
48 49