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

Question

我有一个显示缩略图列表的图片库。我正在使用 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”。

我该怎么做？

Answer 1

尝试将当前图像源中的 _150 替换为 630。

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

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

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