Need some jQuery Image Fade Help

I had this working beautifully, and stupid me, accidentally deleted the code the JavaScript code. Now I can’t seem to duplicate it again. Here is my HTML.


<div id="fader">
            <ul>
                <li><a href="/projects/"><img src="image1.jpg" /></a><span>This is the first line of text</span></li>
                <li><a href="/projects/"><img src="image3.jpg" /></a><span>The second line of text here</span></li>
                <li><a href="/projects/"><img src="image3.jpg" /></a><span>The third line of text goes here</span></li>
            </ul>    
    </div>

The concept here is that each li element is sitting on top of one another because I have them all absolute positioned with css. What I need to accomplish is to slowly fade out the first li element, and fade in the second, then the third, etc.

Any hints or ideas on how to get this working again would be great.

attachment doesnt seem to be working
here is the code to download

http://plugins.jquery.com/files/jquery.dumbcrossfade-2.0.min.js.txt

copy this paste it as js file and use.
good luck

:slight_smile: you may use a Jquery plugin for this one ,It will make this a cake all you have to do is download this plugin from i m attaching herewith and call it in your page use this code at your script

$(document).ready(function(){
$(‘ul li’).dumbCrossFade({‘slideType’:‘fade’,‘fadeInOut’:true});

				});

this will do the job just fine hope you can find the attached JS file good luck wth you’r work

for further details
joomladose.blogspot :lol:

Nobody has an idea?