setInterval() is not firing to add images at run time with fade in and fade out

Question

Here,I'm Trying to Fade the images one after other using setInterval() function.but it's not working here for me. can anybody please help me.

 $(document).ready(function () {
            $("#imgMain").fadeOut().fadeIn(2000);
            var image = 1;
            function test()
            {
                switch (image)
                {
                    case "1":
                        $("#imgMain").fadeOut(2000, function () {
                            $(this).prop("src", "Images/babyshoppingbanner2.jpg")
                        }).fadeIn(2000);
                        image = 2;
                        break;
                    case "2":
                        $("#imgMain").fadeOut(2000, function () {
                            $(this).prop("src", "Images/babyshoppingbanner3.jpg")
                        }).fadeIn(2000);
                        image = 3;
                        break;
                    case "3":
                        $("#imgMain").fadeOut(2000, function () {
                            $(this).prop("src", "Images/babyshoppingbanner1.jpg")
                        }).fadeIn(2000);
                        image = 1;
                        break;
                }
            }            window.setInterval(test, 4000);
        });

Please copy+paste your code in the question. An image of code is next to useless — Rory McCrossan, Aug 15 '17 at 16:01
Sir @Rory McCrossan, Now can you please help to me to resolve it. — Dinesh Mudaliyar, Aug 15 '17 at 16:21
Possible duplicate of [Call function with setInterval in jQuery?](https://stackoverflow.com/questions/5484205/call-function-with-setinterval-in-jquery) — ThunD3eR, Aug 15 '17 at 19:09
I changed the function name and called it.Though there is no result with this @ra3iden — Dinesh Mudaliyar, Aug 16 '17 at 01:29

score 1 · Accepted Answer · answered Aug 16 '17 at 01:38

1

case statements don't do type coercion. You have i=1 but your case statement is looking for a "1". So you need either case 1 or var i="1";.

Further reading: http://www.ecma-international.org/ecma-262/5.1/#sec-12.11

answered Aug 16 '17 at 01:38

chiliNUT

18,989
14
66
106

Thank you So much sir.. it's working now.... – Dinesh Mudaliyar Aug 16 '17 at 02:44

setInterval() is not firing to add images at run time with fade in and fade out

1 Answers1