Rotating Background Image with 5 Second Delay

[MM]

On my localhost site, I'm trying to show rotating homepage images above the fold - without plugins.

Current code is:

.head-bg {
    background-attachment: fixed;
    background-image: url("images/home-img-1.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

I'm trying to have a 5 second delay, then show home-img-2.jpg and so on. Can anyone explain how?

Thks!

[neilgee]

You can't do this without script/plugins as you need to manipulate the HTML elements with time, I needed to do this once for a client request and by using Javascript I found this article very helpful - http://www.htmlgoodies.com/beyond/javascript/article.php/3881826

---

Neil Gee
WP Beaches
Coolest Guides

[Author]

Posts