-1

(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>";
4

1 に答える 1

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
于 2013-09-10T17:39:59.840 に答える