Frage Javascript/Jqery Background Slider setInterval fehler

[lungentorpedo]

Moin,

Ich möchte ein Diashow im hintergrund meiner Website nur leider will das nicht so recht funtionieren.

mein js code:

        function test()
        {
            var delay = 2000, fade = 500;
            var images = $(".background-diashow-fader");
            var len = images.length;
            var i = 0;

            setInterval(fader, delay);

            function fader() {
                $(images[i++ % len]).fadeToggle(fade);
                if (i % len === 0)
                {
                    images = images.get().reverse();
                    i = 0;
                }
            }

        }

HTML code:

IEnumerable<string> files = Directory.EnumerateFiles((Server.MapPath("~/Content/Images/Diashow/")), "*.*", SearchOption.AllDirectories).Where(s => s.EndsWith(".jpg") || s.EndsWith(".JPG") || s.EndsWith(".png") || s.EndsWith(".PNG"));
        <div id="background-diashow">
            @foreach (string file in files)
            {
                <div class="background-diashow-fader" style="display: none;"><img src="~/Content/Images/Diashow/@Path.GetFileName(file)" /></div>
            }
        </div>

Mein Problem ist das in der fader function nur einmal ins if gegen wird. Er sollte aber jedes mal wenn er alles images durchlaufen ist ins if gehen. Was mach ich falsch ?

Gruß

Lunge