Function to set alternate sliders back to the first panel when using one slider. about liquidslider HOT 6 CLOSED

you might be able to do this:

<a href="#1" data-liquidslider-ref="slider-1 slider-2">moves both sliders</a>

from liquidslider.

Thank you for the quick response, but that doesn't seem to do the trick. I wonder about a single jquery function that controls more than one slider? How do I refer to a slider in such a function?

from liquidslider.

You could do that as well, but this should work. It works for me just fine. Do you have crossLinks set to true on both sliders?

from liquidslider.

Yes. When I tried this link, it didn't change either slider, although both:

<a href="#1" data-liquidslider-ref="slider-1">Slider 1</a> and

<a href="#1" data-liquidslider-ref="slider-2">Slider 2</a>

worked.

I have to admit I am an oldschool js guy who is just gettting into jquery. If I wanted to change to link in js I could create a function something like this:

function 2sliders() {
document.getElementById("slider1").href = "http://example.com/#1";
document.getElementById("slider2").href = "http://example.com/#1";
}

What would the jquery eqivalent be?

from liquidslider.

not sure why it doesnt work. It seems to work fine in my demo that's included with the slider. Did you try it there?

You can try to use this inside your function instead:

function 2sliders() {
  var sliderObject1 = $.data( $('#slider-1')[0], 'liquidSlider');
  var sliderObject2 = $.data( $('#slider-2')[0], 'liquidSlider');
  sliderObject1.setCurrent(1);
  sliderObject2.setCurrent(1);
}

from liquidslider.

This worked great, thanks!

from liquidslider.