Question

我正在尝试使用我的（JQuery）代码来显示缩略图的更大版本。此刻我有这段代码，只显示“完整尺寸”缩略图：

$(".gallerythumbnail").click(function() {
    $(".showimagelightdown, .showimagecontainer, .closeimage").fadeIn(300);
    var img = $('<img />', { src : this.src });
    $('.showimagecontainer').html(img).show();
});

我尝试过不同的方法，包括以下内容：

$(".gallerythumbnail").click(function() {
    $(".showimagelightdown, .showimagecontainer, .closeimage").fadeIn(300);
    var img = $('<img />', { src : 'f'+this.src });
    $('.showimagecontainer').html(img).show();
});

上面我尝试在图像路径中添加“f”，这将是缩略图的完整版本，但没有运气。那么，是否可以在点击图像的路径中添加内容？或者有更聪明的方法吗？

对于html，我有一个循环（PHP）运行文件夹中的所有图像，打印出来如下：

print "<td><a href='#'><img src='".$picsarray[$picsfrom]."' class='gallerythumbnail'></a></td>";

Answer 1

您在完整路径的开头添加“f”，而不是文件名的开头。

因此，如果您有以下路径：

http://mydomain.com/galleries/gallery2/4886193_460s.jpg

你正在这样做：

fhttp://mydomain.com/galleries/gallery2/4886193_460s.jpg

试试这个：

$(".gallerythumbnail").click(function() {
        $(".showimagelightdown, .showimagecontainer, .closeimage").fadeIn(300);
        var path = this.src.replace(/[^\/]*$/,'');
        var filename = this.src.replace(/^.*[\\\/]/, '')

        var img = $('<img />', { src : path + 'f' + filename});     
        $('.showimagecontainer').html(img).show();
    });

这将创建如下的src：

http://mydomain.com/galleries/gallery2/f4886193_460s.jpg

使用jquery显示更大版本的缩略图

1 个答案: