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

有帮助吗?

解决方案

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).

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top