幻灯片图像标题未正确显示

Question

我是一个jQuery noob。我有一个工作幻灯片，我能够为每个图像显示图像标题... ...出于某种原因，在图像改变之后出现标题，因此基本上每个图像在其之后具有其前面的图像的标题。我显然希望当前图像具有当前标题。这是我的代码：

function slideSwitch() 
{  
    var $active = $('#slideshow img.active');

    /*this is where the problem starts!*/

    var caption = $('#slideshow img.active').attr('title');
    $("#title span").text(caption);

    if ( $active.length == 0 ) 
        $active = $('#slideshow img:last');

    var $next =  $active.next().length ? $active.next()
        : $('#slideshow img:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() 
        {
            $active.removeClass('active last-active');
        });
}

var IntID = setTimer();

function setTimer()
{
    i = setInterval("slideSwitch()", 5000);
    return i;
}

<div id="title">
    <span ></span>
</div>

我做错了什么？