打开在接下来的窗口（标签）图像缩略图

Question

的大图像显示我这样在浏览器中的图像缩略图：

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

如果我显示与此源的缩略图：

SRC = “文件：〜/ printImages/0150/21022013/0150_21022013_002_tn.jpg”

然后它的大图像源是完全除了_tn相同：

SRC = “文件：〜/ printImages/0150/21022013/0150_21022013_002.jpg”

我可以用_tn.jpg替换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>