CODEWITHSUNDEEP
jqueryhtml
user2793503
user2793503

Reputation: 9

How to fade image to image in a jQuery slideshow

So below I currently have an image slideshow implementing some jQuery code. The problem I am having is I want each image to fade in and out as I click on the little square. Note that if anyone has a better way to write the code for the slideshow in general feel free to mess around with it :D. Thanks in advance!

<header>
    <ul>
        <li id="image1"></li>
        <li id="image2"></li>
        <li id="image3"></li>
    </ul>
</header>

http://jsfiddle.net/justinw001/bygMb/6/

Upvotes: 0

Views: 45

Answers (1)

Johnny
Johnny

Reputation: 491

A simple transition will do:

transition: background-image 1s;

See http://jsfiddle.net/JohnnyWorker/bygMb/7/

Upvotes: 1

Related Questions