Question

View my source here: http://codepen.io/anon/pen/Bvkjx

Notice that the content rotates correctly, and so does the background image.

Now, is it possible to maintain for example

<p>SOME CONTENT1</p> 

and only rotate the background images?

For unslider go here

Was it helpful?

Solution

If you would just like to change the background image, you can do it with either Javascript or jQuery:

Javascript:

document.getElementById("some-li-id").style.backgroundImage="url(some-img.png)";

jQuery:

$("#some-li-id").css("background-image","url(some-img.png)");

If you would like to animate the background image change, you can do something like the answer to this question (you aren't limited to using .fadeIn/.fadeOut).

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top