jssor

JSSOR - Transition when bullets or arrows clicked [closed]

|▌冷眼眸甩不掉的悲伤 提交于 2019-12-13 01:25:13
问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 5 years ago . I'd like to know if there is a way to use the transition I have chosen when I click the bullets or the arrays? Because the effect only applies when I let it automatically slide (slideshow mode) 回答1: The key feature of Jssor Slider is TOUCH SWIPE by Finger/Mouse on mobile/desktop. So it should move when touched

JSSOR Uncaught Error: prototype of 'thumbnavigator' not defined

南楼画角 提交于 2019-12-13 00:48:47
问题 I used jssor for image slide show in that if user clicked play show first time it works properly but if user clicking the play button again to initiate player even it is already loaded with another group of images. It shows this error Uncaught Error: prototype of 'thumbnavigator' not defined. 回答1: Jssor Slider cannot initialize the same "slider container" twice. Please remove it and repopulate html code and then initialize it again. $("#slider1_container").remove(); //do something to

jssor - parameter to define the duration of the static position before playing out

痴心易碎 提交于 2019-12-13 00:23:30
问题 I couldn't find the answer through the documentation. How to set the d, du, du2 parameters so that I can obtain: Here is my understanding (please correct me if I am wrong)... I start an animation after a certain time (compared to previous animation stop): d Duration of the play-in animation: du (time it takes to run the play-in animation I guess) Duration of the "static position": ???? <== I don't find any parameter for this Duration of the play-out animation: du2 (time it takes to run the

How to put up many jssor sliders on one page?

╄→尐↘猪︶ㄣ 提交于 2019-12-12 10:48:48
问题 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 = new $JssorSlider$("slider1_container", options1); var jssor_slider2 = new $JssorSlider$("slider2_container", options2); But where do i put this.Is it going to work because this solution was not accepted.There was no other answer as well. 回答1:

Jssor slider doesn't work when using IE

十年热恋 提交于 2019-12-12 10:23:08
问题 I'm currently working on a website and I used jssor slider on the front page. It works perfectly fine in Chrome & Firefox, but when viewed in IE the images are not displayed. The html elements are there (based on cursor which changes to ) but it's not shown. And when I view the error log in the console I see this (IE 9 up): I've tried using compatibility view. The images shows up but still it's not working, and on the error log (IE 8 down): Does this problem have to do with the script itself?

Jssor - unbinding the event

牧云@^-^@ 提交于 2019-12-12 04:36:39
问题 I have a simple event handler: jssor_slider1.$On($JssorSlider$.$EVT_CLICK, function (slideIndex) { jssor_slider1.$PlayTo(slideIndex - 4, [200]); }); I have a problem trying to unbding it (i need to disable it in a different function, then enable it again on callback - when ajax loads). I tried $Off, also overwriting $On handler, but can't get it to work. Any help would be appreciated. Cheers 回答1: function SliderParkEventHandler(slideIndex) { jssor_slider1.$PlayTo(slideIndex - 4, [200]); }

jssor nearby slider opacity upcoming photos

烂漫一生 提交于 2019-12-11 23:16:27
问题 Im using the jssor nearby slider its nearly fullscreen. I want the upcoming images to have an opacity of 0.25 when they are not in the main viewport. Therefore the edges of the upcoming and previous slides would have slight opacity. <div id="jssor_1" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 800px; height: 500px; overflow: hidden; visibility: hidden;"> <div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 0px; width: 800px; height: 500px

jssor slider thumbnail scrollbar

依然范特西╮ 提交于 2019-12-11 20:43:12
问题 I'm using jssor Slider with Thumbnail Navigator and I'm putting the Gallery inside Bootstrap modal window. I'm trying to add scrollbar to the Thumbnail Navigator. I can't seem to find the option to enable scrollbar so I'm adding a hack to allow scrollbar. The code is: $('#myModal').on('hide.bs.modal', function (e) { $("div#gallery_list_slide:nth-child(2)").css("overflow-y","hidden"); $("div#gallery_list_slide:nth-child(2)").css("width","265px"); }); $('#myModal').on('shown.bs.modal', function

Issues when adding 2 Jssor sliders

女生的网名这么多〃 提交于 2019-12-11 20:17:43
问题 I tried to add 2 JSSOR sliders ("carousel-slider.source & thumbnail-07.source") to my html site. But it didn't work. It works fine only with one slider. What is the issue behind this? 回答1: To combine multi sliders in one page, please use different name. For example, the name of the first slider is 'slider1', please make the second named 'slider2'. So, please open thumbnail-07.source.html, replace all 'slider1' with 'slider2'. 来源: https://stackoverflow.com/questions/27669943/issues-when-adding

jssor: undocumented t3 d3 properties - how to

与世无争的帅哥 提交于 2019-12-11 18:06:14
问题 I found the t3 and d3 properties in the caption samples of jssor. how are these properties used? What are the possible values (i.e. 'B'). Are there other (undocumented) properties? Tnks! 回答1: Attribute 't' specifies transition for 'play in', 't2' is for 'play out' 't3' is for 'play out immediately'. 't' and 't3' are in the timeline of 'play in', but 't' is 'play in' to appear, 't3' is to 'play out' to disappear. Attribute 'd' specifies time delay to animate in the timeline. 'd' affects 't',