简体   繁体   中英

How can i change slide indicators of a carousel as the viewport gets smaller?

I have a carousel similar to this one:

http://demo.sequencejs.com/pop-slide/

i want to change it so that as the screen gets smaller, the links on the bottom disappear and instead there would be dot indicators to change the slides

This is really hard to answer without code examples from your side but I will try:

Basically, you can add both indicators and just hide / show the elements with a css media query. This would be the cleanest and most performance friendly solution in my opinion.

If the slider plugin allows it, you could also detect the window width on rezize (be careful with this, it can hurt performance!) and unbind and rebind the slider with different options.

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM