jquery - 如何在 imgpreview 插件中添加替代文本

Question

得到这个地图区域

<area title="hello" alt="hi there" nohref="<?php bloginfo('template_url'); ?>/images/image1.jpg" shape="rect" coords="216,371,418,490" href="#" />

和这个jQuery代码

$('#first area').imgPreview({
    containerID: 'imgPreviewWithStyles',
    imgCSS: {
        // Limit preview size:
        height: 200
    },
    // When container is shown:
    onShow: function(link){
        $('<span>' + $(link).text() + '</span>').appendTo(this);
    },
    // When container hides: 
    onHide: function(link){
        $('span', this).remove();
    }

});

如何在 imgPreview 插件创建的附加跨度中输入显示地图区域替代文本的代码

我认为这是唯一需要更改的部分

$('<span>' + $(link).text() + '</span>').appendTo(this);

Answer 1

在这里工作的小提琴http://jsfiddle.net/tariqulazam/3Yckp/

// When container is shown:
    onShow: function(link){
        $('<span>' + $(link).attr('alt') + '</span>').appendTo(this);
    }