Javascript 修改jquery循环插件以使用图像标题而不是数字

下面我非常接近，但他使用了

h2

标记的内容，而不是动态创建的内容。我想改用图片标题。我原以为这样做行得通，但事实并非如此

$(document).ready(function () {
//Create an array of titles
var titles = $('#slideshow img.item').map(function() { 
    return $(this).prop('title'); 
});

    $('#pause').click(function() { $('#slideshow').cycle('pause'); return false });
    $('#play').click(function() { $('#slideshow').cycle('resume'); return false; });

    $('#slideshow').before('<ul id="nav-slide"></ul>').cycle({
        fx: 'fade', 
        speed: 'slow', 
        timeout: 6000, 
        pager: '#nav-slide',
        pagerAnchorBuilder: function (index) {  //Build the pager
            return '<li><a href="#">' + titles[index] + '</a></li>';
        },
        updateActivePagerLink: function(pager, currSlideIndex) {
            $(pager).find('li').removeClass('active').filter('li:eq('+currSlideIndex+')').addClass('active');
        }
    });

});

$（文档）.ready（函数（）{
//创建标题数组
var titles=$（'#slideshow img.item'）.map（函数（）{
返回$（this.prop（'title'）；
});
$（'pause'）。单击（函数（）{$（'slideshow'）。循环（'pause'）；返回false}）；
$（'#play'）。单击（函数（）{$（'#幻灯片放映'）。循环（'resume'）；返回false；}）；
$（“#幻灯片放映”）。在（“
”）之前。循环({
外汇：“淡出”，
速度：“慢”，
超时：6000，
寻呼机：“#导航幻灯片”，
pagerAnchorBuilder:函数（索引）{//生成寻呼机
返回“
”；
},
updateActivePagerLink:函数（寻呼机、currSlideIndex）{
$（pager）.find（'li'）.removeClass（'active'）.filter（'li:eq（'+currSlideIndex+'））.addClass（'active'）；
}
});
});

---

有人知道如何获取

标题的内容而不是块/内联元素吗？
标题不是子元素，而是图像的属性

var titles = $('#slideshow img.item').map(function() { 
    return $(this).prop('title'); 
});

它似乎不适用于循环脚本。我已经更新了我的问题，把整个剧本都包括进去，以防里面有什么古怪的东西。啊，我明白了。
.item
引用了一个CSS类。我认为这是一个javascript调用（显然我缺乏JS技能）。我删除了它，它工作得非常出色。谢谢