jQuery图像更改 - 图库视图

Question

我在画廊中有一个大图像,当在下面的无序列表中单击其中一个缩略图时需要更改.图像是动态进入的,因此jquery脚本需要能够获取缩略图的src,从文件名中删除"-thumb",然后用新的源替换大图像.

请告诉我这是一个像这样的画廊的最佳方法.

提前致谢.

-B

Answer 1

就像是:

$('img.thumb').click(function() {
    var src = $(this).attr('src');
    $('#bigImage').attr('src', src.replace(/-thumb/,''));
});

如果您的拇指是通过ajax加载的,则以下示例适用:

(1)使用活动/直播:

$('img.thumb').live("click", function() {
    var src = $(this).attr('src');
    $('#bigImage').attr('src', src.replace(/-thumb/,''));
});

(2)作为jQuery的ajax方法之一的回调(例如):

function initThumbs()
{
    $('img.thumb').click(function() {
        var src = $(this).attr('src');
        $('#bigImage').attr('src', src.replace(/-thumb/,''));
    });
}

$('#thumbsDiv').load('thumbs.php?p=2', initThumbs);