c# - 在下一个窗口（选项卡）中打开图像缩略图的大图像

Question

我在浏览器中显示图像缩略图，如下所示：

现在，当我单击缩略图时，该缩略图的新窗口显示为空白。我想显示该缩略图的大图像。我正在使用图像控件。如何显示该缩略图的大图像？

如果我使用此来源显示缩略图：

src="文件:~/printImages/0150/21022013/0150_21022013_002_tn.jpg"

那么它的大图源除了_tn：

src="文件:~/printImages/0150/21022013/0150_21022013_002.jpg"

我可以在点击时将源的最后一部分从 _tn.jpg 替换为 .jpg，然后在新窗口中显示大图像吗？

Answer 1

使用 jQuery 你可以做这样的事情。我添加了 css 类“bigClick”只是为了让这个例子的选择过程更清晰。

<img src="/printImages/0150/21022013/0150_21022013_002_tn.jpg" class="bigClick"/><br/>
<img src="/printImages/0150/21022013/0150_21022013_003_tn.jpg" class="bigClick"/><br/>
<img src="/printImages/0150/21022013/0150_21022013_004_tn.jpg" class="bigClick"/><br/>

<script type="text/javascript">
    $(function () {
        $(".bigClick").each(function(i) {
            var href = this.src.replace("_tn", "");
            $(this).wrap(
                $("<a>").attr("href", href).attr("target", "_blank")
            );
        });
    })
</script>