jssor

Jssor Slider horizontal scroll issue

由 瘦欲@ 提交于 2019-12-11 02:09:38
问题 I'm using nopcommerce 3.80 for my site and wanted to use vertical full width slides on home page. I used Jssor slider jquery in place of nivo by editing my Nivo slider plugin. I'm able to see a vertical slider at homepage now, but it is giving a horizontal scroll bar and the image is not extending to full width instead it is giving white blank space in the right side. And also the scrollbar is making the page in the right side with white space and below the slider also. Please see the

Find current Slide div and add Class

由 别说谁变了你拦得住时间么 提交于 2019-12-10 22:16:13
问题 I'm trying to add Class to Current Slider div, I am using Jssor Slider, I've tried given JS below for add class to current slide, but it's not working. I have use this JS with Jssor Call . // event fired when slider is "parked" jssor_slider1.$On( $JssorSlider$.$EVT_PARK, function(slideIndex){ var allImages = $(jssor_slider1.$Elmt).find("img[u=image]"); var currentImage = allImages.eq(slideIndex); var currentDiv = currentImage.parent("div"); currentDiv.addClass("current"); }); // event fired

Display JSSOR slider inside a modal window

由 两盒软妹~` 提交于 2019-12-10 18:44:31
问题 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. <div class="modal fade" id="deleteProductModal" tabindex="-1" role="dialog" aria-labelledby="deleteProductModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg "> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden=

JSSOR slider: Image Gallery demo add CSS rules for active mousedown event on desktop

由 我怕爱的太早我们不能终老 提交于 2019-12-08 11:20:54
问题 For the demo that can be seen here Image Gallery Demo I like to add CSS rules for when a user keeps the mouse button pressed down, so active mousedown event, on a thumbnail in the thumbnail gallery. I would like to have the opacity of the active clicked thumbnail to be at 100% (what I managed to do) as well as have a white solid border or 2px round the thumbnail item. The border is what I am struggling with. Thank you for your help. .jssort07 .p:hover .i, .jssort07 .pav .i { filter: alpha

JSSOR - Cannot read type property 'currentStyle' of undefined

由 末鹿安然 提交于 2019-12-06 20:20:27
问题 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 div = document.getElementById('invDiv'); div.appendChild(slide); and then I procedurally generate cell divs in the same way and append them to slide . I've defined a function in my main controller as in the example on the basic usage page (http://www

jssor gallery - a couple of questions

由 安稳与你 提交于 2019-12-06 14:06:50
问题 I have a couple of questions about the jssor gallery. Firstly, is there somewhere that will provide the code for every transition available for it? I have set my slideshow to "random" and I want as many possible transitions as possible because then the chances of the same one appearing at a similar time is fairly small. I have been here: http://www.jssor.com/development/tool-slideshow-transition-viewer.html and copied a few, but it's fairly long and tedious and I was hoping there would be an

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

由 别说谁变了你拦得住时间么 提交于 2019-12-06 03:49:36
问题 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 the "slider1_container" is full width and 400px height but the content of it is still responsive. There's the website: http://carwash-horovice.cz I appreciate any help you can give me. 回答1: To scale jssor slider, it will always keep aspect ratio.

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

由 天大地大妈咪最大 提交于 2019-12-04 07:27:08
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 the "slider1_container" is full width and 400px height but the content of it is still responsive. There's the website: http://carwash-horovice.cz I appreciate any help you can give me. To scale jssor slider, it will always keep aspect ratio. You cannot scale with without scaling height. If you want to keep the original height, you can disable scaling

Jssor slider does not display slides in Chrome

由 无人久伴 提交于 2019-12-04 06:38:11
问题 I have jssor slider working well in Firefox and IE. However in Chrome the image vanishes as soon as the transition completes. Then the image reappears just as the next transition begins. How do I "tell" Chrome to display the missing slide? 回答1: Just set $HWA to false as you can see here 回答2: I have fixed the problem by changing: <img data-u="image" style="position: absolute;"/> to <img data-u="image" style="position: relative;"/> 回答3: I have found that removing the link from the image element

Jssor slider does not display slides in Chrome

由 痴心易碎 提交于 2019-12-02 08:16:37
I have jssor slider working well in Firefox and IE. However in Chrome the image vanishes as soon as the transition completes. Then the image reappears just as the next transition begins. How do I "tell" Chrome to display the missing slide? Just set $HWA to false as you can see here I have fixed the problem by changing: <img data-u="image" style="position: absolute;"/> to <img data-u="image" style="position: relative;"/> I have found that removing the link from the image element fixes the problem along with setting the style="position: relative;" as mentioned above. <div> <a u=image href="#">
订阅 jssor