I'm trying to implement two slick sliders on my website, somehow when I use .not(".slick-initialized") for my first slider, it breaks down all my other javascript code of my website, so the rest of the code does not work correctly, also the second slider does not work, what I'm doing wrong?
Related
I managed to get a range slider working with Datatables using jQuery UI and a snippet I found online: http://live.datatables.net/teredumi/1/edit?html,css,js,output
It works great with one slider. I am not very good a jQuery and I am having trouble (conflicts etc) getting a second range slider #val_range_salary to work on the same page. I would be very greatful for any assistance with this issue and I am sure other will find it useful as well.
If you know of any jsfiddle or live.datatables that has solved this please show me.
Here is working code
http://live.datatables.net/teredumi/4/edit
First thing is you have not initialised your second slider
second thing is you need to add search function to update your dataTable
Just starting to use fullPage.js and loving it so far.
Anyhow, when implementing continuous effect and you're on the last section, scrolling down it sends you to the first section, but it looks like it loads two times, or like it very fast goes to the second section and then to the first I removed all other scripts and tried again, but same problem.
Also, header disappears when you scroll to first section again, after last section.
Here is the link:
http://sedmica.rs/problem/
Thanks in advance.
It works as expected as you can see here with your same initialisation.
I believe you have some problem related with the use of the class 'slide' for another one of your plugins. That's making fullPage.js throw the an error in the javascript console:
Uncaught TypeError: Cannot read property 'left' of undefined
To solve this, if you are not planning to make use of the fullPage.js sliders and you rather prefer using some other plugin for that, make use of the opton slideSelector to set the value to any other string different from slide.
From fullPage.js docs:
slideSelector: (default .slide) Defines the jQuery selector used for the plugin slides. It might need to be changed sometimes to avoid problem with other plugins using the same selectors as fullpage.js.
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?
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'.
I am looking for a slider that would be able to display shortcode in WordPress.
For example, I can create a map with the shortcode [awesomeMap id='1']. And I know there are a bunch of sliders out there, but I can't seem to find one where I could add slides that simply consists of
[awesomeMap id='1'],
[awesomeMap id='2'],
[awesomeMap id='3']
And then when I call [show-slider], it would give me a slider with 3 maps. I'm trying to setup the WordPress so that people taking care of it in the future won't have to touch the code too much...
Anyone know of a WordPress slider that would support this functionality.
Check out Layerslider.
It's a pretty robust slider, responsive, and allows the use of shortcodes by providing a place for HTML. I've used this plugin on several projects and just tested it with a map shortcode on one of my sites. Seems to work well. It's always possible you run into plugin conflicts, but it may work for you.
So I have a bit of script at the bottom of my page //RETAINER CURRENT that is supposed to hide and show content based on what menu item the user selects in the maincontent area. Unfortunately in IE7 all layers are rendered which means the videos in each layer play simultaneous. I tried .detach, .remove, methods and had no luck and when I saved the items to an array and .empty 'd them I still had no success. What noob mistake am I making?
http://jsbin.com/ahuye4/3
I had the same issue. I was using asp.net so the way I was able to solve this was by using updatepanels and handling the hiding/showing in the code behind with Panels.
I'm not sure what fraemwork/language you are using.
However, I think you might need to call into the flash object and pause/stop the flash videos programmatically.