在下一个窗口中打开图像缩略图的大图像（标签）

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>