Question

I would like to do a header in my homepage having different images and that they will continuously change dynamically between the various images using jquery.

Any suggestions?

Answer 1

You need a Carousel

Here is an example Demo

ASPX Code

<script type="text/javascript" language="javascript" src="Scripts/jquery-1.4.1.min.js"></script>
<script language="javascript" type="text/javascript">
    abc();
    var index = 0;
    var images = [
                        'Chrysanthemum.jpg',
                        'Jellyfish.jpg',
                        'Penguins.jpg',
                        'Lighthouse.jpg'
                    ];
    function abc() {

        images = [
                        'Chrysanthemum.jpg',
                        'Jellyfish.jpg',
                        'Penguins.jpg',
                        'Lighthouse.jpg'
                    ];
        $('img').attr('src', images[0]);
        setInterval(change_image, 2000);

    }
    function change_image() {
        if (index >= images.length) index = 0;

        $('img').attr('src', images[index]);
        index++;
    }

</script>