switchSrc

switchSrc.js

switchSrc: function(overlayId, src, duration) {
        var $original = $('#' + overlayId);

        $newElement = $original.clone();
        $newElement.removeAttr('id');
        $newElement.css({opacity: 0, background: 'url(' + src + ')'});
        $original.after($newElement);

        if (duration === undefined) {
            duration = 200;
        }

        $newElement.velocity({opacity: 1}, {duration: duration, complete: function() {
            $original.css('background', 'url(' + src + ')');
            $newElement.remove();
        }});
    },

Switches divs background with a smooth transition