I have just started using a library called JSSOR (for sliding elements) http://www.jssor.com/ and I'm wondering if there can be more than one element sliding on the same page.
I couldn't get it to work using a javascript library called marquee (not marquee the tag).
Yes, you can place multiple jssor sliders on one page.
Note that different slider uses different name. If the name of the first slider is slider1, you can name the second slider as slider2 then.
Btw, you can search jssor multiple on stackoverflow.
Related
I'm developing a webpage for that contains Jssor slider. I'm using jssor.slider-27.5.0.min.js. The webpage also have daterange picker. I have button that generate Jssor slider based on selected dates.
At default, the webpage brings images for the past 30 days and show them as Jssor slider. At this point, the slider works fine. When the Jssor slider generator is clicked, the existing Jssor slider is removed using $("#jssor_1").html(""). Then another Jssor slider is created and correct image is shown on the webpage. However, I cannot change/drag pictures.
Can you please help me to resolve my issue?
thanks.
Simply clear inner html will break the dom hierarchy of elements, it doesn't work.
You can use $AppendSlides(slidesHtml[, slideIndex]), $RemoveSlides(slideIndices), $ReloadSlides(slidesHtml) to manage slides.
See https://www.jssor.com/development/api-methods-properties-events.html
I have tried to create custom components which are subsets of slides. I'm trying to create a custom Ionic component which is a subset of slides. Then I can mix and match subsets of slides in one to make a complete slide show. Like building a master process from sub-processes. You should be able to swipe back and forth between all slides as expected, no matter an directly in the component, or slides within custom components.
I've tried various methods to no avail. Any ideas?
PLEASE SEE THIS SAMPLE PROJECT WITH 2 METHODS I HAVE TRIED TO ACCOMPLISH THIS.
No. You can't do this. You can put a into another if one scrolls vertically and one horizontally. You can insert a custom component into an which just has a couple slides in it, put the inserted slides show one over the other vertically with no way to swipe back and forth. So, no. You can't do this. Perhaps with dynamic templates you can build the from code dynamically. That's the only work around I can see.
Can form fields be layered on top of the jssor slider?
I might want to use the content slider but have search form fields on top of the slider that don't change position even though the slider is changing pics.
I looked i think at all the jssor samples but didn't see one quite like as described above.
Thanks
Hello I am trying to create a webpage that has two image sections. I would like to use you slider for each image section. The first one loads ok but the second one doesn't. i keep getting this error:
JSSOR Uncaught Error: prototype of 'thumbnavigator' not defined
I know from a similar post that you cant have a 2nd container with the same name.
I tried changing the 2nd slider id to "slider2_container" but that didn't work.
Is there any way for me put two sliders on a single page?
any help would be appreciated as I don't really want to start all over again with a different slider.
the slider Im using is the one on the top of this page
http://www.jssor.com/demos/image-gallery.html
I am up to create a section on my Android Home screen similar to this one,
but cannot really figuring out where to start. I mean is this a ListView I should go with? or are these simple images that are placed as different objects surrounded by straight lines? In either case, how to put these things together, is a question that I am wondering..
You can either use:
a GridLayout (for API < 14, there is a support library available somewhere on GitHub)
a vertical LinearLayout containing two horizontal LinearLayouts
a single RelativeLayout
For the buttons, use TextView or Button with a top drawable.
Please note that the dashboard pattern is now discouraged (link 1, link 2) (you should present useful information to the user on first screen such as there latest trips, friend's news, ...).
Instead of that, you could put your buttons in a sliding menu (jfeinstein has a nice implementation on github which can be integrated within an hour)