jQuery Tooltip图像翻转显示更大的图像

时间:2012-10-26 03:36:22

标签: javascript jquery tooltip rollover

我有一个图库,显示缩略图图像列表。我正在使用jQuery Tooltip插件在翻转工具提示中显示图像。

但是,我想要显示比缩略图更大的图像。

$(document).ready(function(){
    $('.imageGalleryAlbum li a img').tooltip({ 
        delay: 0, 
        showURL: false, 
        bodyHandler: function() { 
            return $("<img/>").attr("src", this.src); 
        } 
    });
});

我的图库列出的缩略图以“_thumb_150.jpg”

结尾

我想在同一目录/文件夹中显示“_thumb_630.jpg”。

我该怎么做?

1 个答案:

答案 0 :(得分:4)

尝试使用当前图像源中的630替换_150。

src.replace('150','630')

bodyHandler: function() { 
    var new_source = this.src.replace('150', '630');

    return $("<img/>").attr("src", new_source); 
}