I have been using Layerslider for many many years and always liked it. Ver 7 is great and a big step forward, especially with regards to catching up with SR.
There's one thing I can't figure out, though: I am trying to create a slider with a fixed navigation, i.e. some tabs or menu. I would use static layers (Keeping the layers visible forever), but this has a major drawback: Using a layer action I can easily jump to the next slide. But I cannot style the active tab/menu item, since I have no selector for the active slide, or am I missing something.
I had to work around this by adding the tabs to each slide, styling the active one there. But that is much to complicated and surely there is a better way? Have a look at this and you'll see what I mean to accomplish: https://crimeday.de/
Do you have any way to create static layers and style them according to the currently active slide?
P.S. Using thumbnail navigation is no alternative, as it is not configurable at all, e.g the scrolling effect is bad and can't be disabled. You might want to give us a little more options for that to make it more useful.
Unfortunately, currently, LayerSlider doesn't have an easy feature for styling static layers regarding which is the active slide. We would like to add some new features for the static layers in the future, including slide-dependent styling.
If you are a CSS expert, you can do this on your own in the following way:
- add special IDs to all your static layers - you can now create a CSS rule for one of your static layers if the active slide ID is 1 like this:
[data-current-slide="1"] #static-layer-id { ...here comes the special layer style }
This CSS code can be placed for example in LayerSlider's CSS editor
actually I am a CSS expert, but I have totally missed the data-current-slide attribute. It's exactly what I have been looking for.
I looked up and down the whole CSS path and the only attribute I found was the data-slide-index, but I wasn't sure I could address that with some wild sibling selector. No need for that then. :-)
Hi there,
I have been using Layerslider for many many years and always liked it. Ver 7 is great and a big step forward, especially with regards to catching up with SR.
There's one thing I can't figure out, though: I am trying to create a slider with a fixed navigation, i.e. some tabs or menu. I would use static layers (Keeping the layers visible forever), but this has a major drawback: Using a layer action I can easily jump to the next slide. But I cannot style the active tab/menu item, since I have no selector for the active slide, or am I missing something.
I had to work around this by adding the tabs to each slide, styling the active one there. But that is much to complicated and surely there is a better way? Have a look at this and you'll see what I mean to accomplish: https://crimeday.de/
Do you have any way to create static layers and style them according to the currently active slide?
P.S. Using thumbnail navigation is no alternative, as it is not configurable at all, e.g the scrolling effect is bad and can't be disabled. You might want to give us a little more options for that to make it more useful.
Cheers,
Michael
Hello Michael,
Unfortunately, currently, LayerSlider doesn't have an easy feature for styling static layers regarding which is the active slide. We would like to add some new features for the static layers in the future, including slide-dependent styling.
If you are a CSS expert, you can do this on your own in the following way:
- add special IDs to all your static layers
- you can now create a CSS rule for one of your static layers if the active slide ID is 1 like this:
[data-current-slide="1"] #static-layer-id {
...here comes the special layer style
}
This CSS code can be placed for example in LayerSlider's CSS editor
Best Regards,
George | Kreatura Dev Team
Hi George,
actually I am a CSS expert, but I have totally missed the data-current-slide attribute. It's exactly what I have been looking for.
I looked up and down the whole CSS path and the only attribute I found was the data-slide-index, but I wasn't sure I could address that with some wild sibling selector. No need for that then. :-)
Thank you very much!
Michael
Hello Michael,
Great, thank you for your feedback!
Best Regards,
George | Kreatura Dev Team