SudoSlider is a simple yet powerful content slider that makes no (or very few) assumptions about your markup and is very customizable.
You can basically embed any HTML into the slides, so you can mix images, videos, texts, and other stuff.
Check out the demos Show archive.org snapshot .
Please note:
responsive
option to true
(you probably want it anyway). It makes slides be as wide as their container.You may want to use this CoffeeScript to start with:
$(".slider--contents").sudoSlider
auto: true # maybe turn this off when debugging your slider's CSS
continuous: true
responsive: true # required for the slides to take up their place in the container element
autoHeight: false
autoWidth: false
touch: true
# animation
pause: 4000
resumePause: 4000 # Continue after the user interacted with the slider
# controls
prevNext: false # we bring our own
customLink: '.slider--pager' # we have 2 of those, and they specify a "data-target" for SudoSlider (see docs)