$(document).ready(function(){

    setInterval('swapImages(\'.banner\')', 6000);

    setLink();
        
})

function swapImages(selector){
    var $active = $(selector + ' .active');
    var $next = ($('.banner .active').next().length > 0) ? $('.banner .active').next() : $('.banner img:first');

    $(selector).css('background', 'url(' + $next.attr('src') + ')');

    $active.fadeOut(1100, function(){
        $next.fadeIn(1100).addClass('active');
        $active.removeClass('active');
    });
}

function setLink() {
    //permite poner un link en la imagen
    $("#conLink").click(function() {
        window.open("http://www.google.com");
    });
}