Responsive horizontal slider

Question

Is it possible to make the horizontal slider responsive, because the demo in our testing doesn't appear to be?

Also, is it possible to use deep linking with the slider?

Cheers,

Leigh :)

Answer 1

Update: v3.6 will make possible to have a slider that scales, and also changes layouts responsively:
https://www.youtube.com/watch?v=JGLpLulJrNI

---

Update: Use Desktop Scaling as described in this article:
https://ajarproductions.com/in5course/?lesson=flexlayouts

---

The Slider will resize to different page dimensions, but not to the size of the browser window (except on mobile using the Viewport Zoom setting, which is now automatically set in version 2.1.0).

Deep-linking is possible by adding some JavaScript (using the Resources section of the in5 dialog). See:

• https://github.com/CSS-Tricks/AnythingSlider/wiki/Navigation-Options#hashtags-true
• https://github.com/CSS-Tricks/AnythingSlider/wiki/Navigation-Options#navigationformatter-null

If you use the variable sliderSettings in your .js file, the modified settings will automatically be used when the Slider is initialized, e.g.:

sliderSettings = { hashTags:true };