Rotating Background Image with 5 Second Delay

Community Forums Forums Design Tips and Tricks Rotating Background Image with 5 Second Delay

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  neilgee 1 month, 2 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #106726

    MM
    Participant
    Post count: 128

    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!

    #108509

    neilgee
    Member
    Post count: 91

    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
    Coolest Guides

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.