Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Pure CSS slider: automatic how to Reply To: Pure CSS slider: automatic how to

#235265
Beverleyh
Participant

Automating it with CSS alone would be a challenge – lots of calculations to work out keyframes and timing delays, etc. I puzzled over something similar a while back and decided to sequentially check the radios in turn with a bit of JavaScript instead http://fofwebdesign.co.uk/freebies-for-websites/css/slider-rwd-auto-test-js.htm

Not sure if it will work with the structure of the demo you linked to, but feel free to give it a go. This blog post covers the logic/evolution from CSS-only to JS powered auto-play http://www.dynamicdrive.com/forums/entry.php?296-RWD-CSS3-Any-Content-Slider-(JS-auto-play)