var images = ['banner1.jpg', 'banner2.jpg', 'banner3.jpg'];
    var path = 'Content/images/'
    var index = 0;

    $(function() {
        var banner = $('#banner');
        $.each(images, function(i, item) {
            images[i] = $('<span></span>').css('background-image', 'url(' + path + item + ')');
            new Image().src = path + item;
            //images[index].appendTo(banner);
        });
        setInterval(function() {
            var cItem = banner.find('h2');
            cItem.fadeOut(1000, function() { $(this).remove(); });
            images[index].hide();
            images[index].appendTo(banner);
            images[index].fadeIn(1000, function() {
                index++;
                if (index == images.length)
                    index = 0;
            });
        }, 6000);
    });