jssor

jssor with Angular 2 Typescript

醉酒当歌 提交于 2019-12-02 07:00:43
问题 I'm developping a web site with Angular 2. At this time I have purchased the subscription to Jssor to generate image slider for more than 3 separated sliders running into same page. My current issue is with a dinamic slider that is generated after document load, it isn't shown. I have found jssorslider in npmjs.com, but it's one year older. Have you on hand a current jssor for Angular 2 or some helping doc for implementing it? Thank you Mario Ochoa 回答1: Brother I recently used Jssor,

Why does my site change my CSS for me?

余生颓废 提交于 2019-12-02 06:05:12
I have jssor slideshow module installed on my drupal 8 site. I am trying to have the arrows on the slides to navigate the slideshow. The problem is something is adding display: none; to my arrows. When I remove the the line in the terminal the arrow appears but when I put my mouse back on the page out of the terminal window the arrow disappears and the display: none; line is back. What causes this and how can I stop it? Have you tried adding display: block !important; ? I often have to use the !important to stop my CSS being overridden by other modules. The preferred method of resolving this

Jssor Slider: Responsive Code

前提是你 提交于 2019-12-01 20:18:50
问题 I am using the Jssor Slider (http://www.jssor.com/demos/slider-cluster.html). As the slides I have are huge (about 2000px in width), they will scale significantly on smaller devices (even iPad). I don't mind having the sides (left and right) to be cropped off symmetrically on smaller devices. However, what happens is that the slider is fixed on the left at 0px. 1) Is there anyway I can centralize the whole slide container? 2) And scale the slide container based on height of window/browser? I

How can I make JSSOR change its aspect ratio?

夙愿已清 提交于 2019-12-01 10:35:15
I'm an art photographer in my spare time, and I'm working on a new design for my web site (note: NSFW) using a great open-source slideshow library, JSSOR . I want to fill the browser without changing the aspect ratio of the photos ( i.e. , center them as large as possible). A $FillMode of 1 works beautifully for this, but I'm having trouble creating code to respond to browser resize/rotation. Calculating the proper new height/width (browser minus footer text and a little margin) on resize is easy, but there appears to be no way to set the width and height programmatically after the slideshow

Jssor - how to add slides dynamically?

巧了我就是萌 提交于 2019-12-01 10:28:26
问题 I have to put image loading at client side, which is basically right after browser finishes requesting a page, an ajax call is triggered to load list of images, then slides are added into sider container. Number of photos is not known after that ajax call. I tried building html text of slides, and assign into slider container, then trigger the slider-starter. But the slider doesn't show properly. Thanks a lot for any suggestion 回答1: You are doing in a right way. All you need is to check

In JSSOR, how to access the current caption via Javascript?

删除回忆录丶 提交于 2019-12-01 09:17:22
I would like to pass a value from a slide out of JSSOR to other parts of the DOM. Markup: <div class="slide"> <img data-u="image" src="bilder/bild2.jpg" /> <div class="caption" data-u="caption" ><p>Caption text</p></div> </div> JS: jssor_slider1.$On($JssorSlider$.$EVT_PARK,function(slideIndex,fromIndex){ $(".outer-caption").text(currentCaption); }); The custom JSSOR Event, EVT_PARK, works fine. But what's missing is how to get the caption of the current slide and put it into the variable currentCaption. How to do that? And if so, where could I have found that out on my own? jssor Please have a

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

帅比萌擦擦* 提交于 2019-12-01 03:41:00
问题 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 with different content loaded with Ajax. Item count differs in subcategories, so as I understand - changing current slides is not an option. So, my question is - how do I destroy current Jssor slider and make way for a new one? 回答1: Please simply

Jssor Slider: How to target specific slide with text/image link?

巧了我就是萌 提交于 2019-11-30 09:20:03
问题 Can anyone tell me how to target a particular slide using a simple text/image link? Specifically, I am using the Jssor Slider Cluster (http://www.jssor.com/demos/slider-cluster.html). Currently the slides can be navigated using Bullet Navigator and Arrow Navigator which are in standard dimension and/or spaced equally apart. I am attempting to create my own links which have different sizes/lengths. Thank you in advance. 回答1: There are 2 ways, 1. use api call to play to specified slide. jssor

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

元气小坏坏 提交于 2019-11-29 13:48:23
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 the slider, nor clear the slider and update. Please let me know, if anyone have done this. Thanks Harisha You can place any content in each slide and you can remove/insert elements freely at runtime. <div u="slides" ...> <div id="slide1"><!-- any content of slide1 /></div> <div id="slide2"><!-- any content of slide2 /></div> </div> In this manner,

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

醉酒当歌 提交于 2019-11-28 07:34:28
问题 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 the slider, nor clear the slider and update. Please let me know, if anyone have done this. Thanks Harisha 回答1: You can place any content in each slide and you can remove/insert elements freely at runtime. <div u="slides" ...> <div id="slide1"><!--