Change content in div on a cycle

Question

I'm not really sure how to describe what I'm trying to ask, so I'm going to add a link to an example. http://github.hubspot.com/odometer/docs/welcome/#4

Odometer — Transition numbers with ease

As you can see the information rotates. I don't mean the actual numbers, I mean the content. For example, it rotates from saying "Minutes of TV watched" to "Minutes Snoozed". Basically, I'm just trying to figure out how to do that. I can't even begin to google a tutorial as I can't even think of how to structure the question.

Nancy OShea · Accepted Answer

Below are 2 live demos of the Bootstrap Carousel Slider. View page source to see the code.

Bootstrap 3.3.7 Default Carousel Slider

Bootstrap 3.3.7 Custom Carousel with Fade

For something with more WOW factor, look at Wow Slider.

http://wowslider.com/

Nancy

Jon Fritz · Answer

You are looking for a "carousel slider" or "jquery carousel slider" there are 1000's of them all over the internet, with varying levels of difficulty to implement.

What kind of code experience do you have?
Are you using Bootstrap within DW by chance?
Are you currently using any jQuery library on your site?

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded