jssor

问题 How can I put dynamic amount multiple slider on a single page? I could use 2 sliders on a page as follows: <script> jssor_sliderb_starter1 = function (containerId) { ... }; jssor_sliderb_starter2 = function (containerId) { ... }; <div id="sliderb_container1"> ... <script> jssor_sliderb_starter1('sliderb_container1'); </script> </div> <div id="sliderb_container2"> ... <script> jssor_sliderb_starter2('sliderb_container2'); </script> </div> But what if I dont know the amount of the sliders?

问题 Is it possible to add multiple jssor instances on one page? Is it possible to create new class instances dynamically like: var jssor_slider1 = new $JssorSlider$("slider1_container", options); The jssor_slider1 variable has to be dynamic. Means the 1 has to changed to a variable itself. var jssor_slider1+VARIABLE . But I found nothing for this. Maybe I make thinking mistake. Thanks 回答1: Removing the number(s) after "options" & changing the double quotes to single should allow you to initialize

问题 I would like to know does lazyloading option actually work and how do I verify it. On all my browser, i can see that it actually loads all images at once while the page is loading and not when needed. It does allow me to scroll through even when my images are loading. Each of my images are roughly between 400kb-600kb. Rgds, Kong 回答1: Yes, it does work. By default, the $LazyLoading option value is 1. That's to say, it will load image for current slide and 1 adjacent slide. You can manually set

问题 I want to give autoplayinterval option to the jssor slider by click a button explicitly. I need to send different speed values to the autoplayinterval option through onclick function 回答1: You can set idle interval (known as $Idle ) explicitly for each individual slide in following manner. <div id="slider1_container"...> <div u="slides" ...> <div idle="3000">...</div> <div idle="2000">...</div> <div idle="5000">...</div> <div idle="6000">...</div> </div> </div> And you can set idle attribute

问题 I'm adapting my code from the example nearby-image-partial-visible-slider.source.html It's working good except only one of my requirements is not met. My images are ordered, so for the first image, I don't want there to be another image on the left of it (in the example it's the last image), and user shouldn't be able to swipe left any more if it's showing the first image. And the same for the last image, no image should be partially shown on the right. Is there an option to turn on/off the

问题 i am writing specifically regarding the weird behaviour arrow button in full-width-slider.source.html in mac osx mavericks & chrome Version 37.0.2062.94 (also happens to ios chrome) when the left or right arrow button is clicked, then hovering the cursor to the top social media icons and then moving out of the slider container will cause the slider to go back to the previous image. the problem will get worst if the button is click repeatedly, then hovering the cursor to the top social media

问题 I am trying to make a jssor gallery based of instagram feed. So far the images are succeeding, but not the thumbnails. var img = '<img u="image" src="'+thisMedia.images.standard_resolution.url+'" alt="Instagram Image" data-filter="'+thisMedia.filter+'" width="720" height="480" />'; var thumb = '<img u="thumb" src="'+thisMedia.images.standard_resolution.url+'" width="99" height="66"/>'; $('#slide-'+i+'').html(img); $('#slide-'+i+'').append(thumb); This happens in the instafeed file and so far

问题 I have a website with a JSSOR Slider and three icons below it. When I click on an icon I need it to load a certain set of images in the slider. When I click on another icon, I need to load a different set of images and remove the first. So far I've tried to hide the images I'm not using, etc. I was able to do this, except the thumbnails are still there and load blank slides where I hid the images. How do you change the slide set without loading three sliders into the page? Thanks for any help

问题 I want to add opacity to the nearby images of a jssor slider. I found this old one but I cannot get it to work: jssor nearby slider opacity upcoming photos especially this part: <div data-u="slides" id="slideimage-content"> <?php foreach ($sectionImage as $key => $value) {?> <div data-p="112.50" style="display: none;border-style:none; "> <img data-u="image" src="<?php echo $value['url'] ?>" style="border-style:none;"/> <div class="slidecover slidecover<?php echo $key ?> coverdark"></div> <

问题 Since I cannot search for this with meaningful results, I can't be sure that this is not a duplicate. However, I am running a JSSOR Slider on my site and some of the elements have a u property for example: <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 1300px; height: 500px; overflow: hidden;"> This "u=slides" is throwing up an error when I run it through a W3 Validator, however when I remove this property from the element, the slider no longer functions.