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

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