javascript - 在新窗口中打开更大版本的图片/w javascript

Question

我已经设法使用以下代码将图片打开到新窗口中的较大版本:

<IMG SRC="pic_small.jpg" onClick="view();">

<script language="JavaScript">

function view() {
imgsrc = "pic_big.jpg";


viewwin = window.open(imgsrc,'viewwin', 'width=600,height=300');    
}
</script>

我现在遇到的问题是我的网页上有更多图片，我不想为每个脚本编写另一个函数，而是为所有图片编写一个函数。换句话说，我想要一个脚本，它做的事情与上面相同，但适用于所有这些(如果需要修改)HTML 行

<IMG SRC="pic1_small.jpg" onClick="view();">
<IMG SRC="pic2_small.jpg" onClick="view();">
<IMG SRC="pic3_small.jpg" onClick="view();">
<IMG SRC="pic4_small.jpg" onClick="view();">

我也想知道有没有办法让打开的窗口和大图一样大

Answer 1

第一个问题

<IMG SRC="pic_small.jpg" onClick="view(this);">

<script language="JavaScript">
   function view(img) {
      imgsrc = img.src.split("_")[0] + "_big.jpg";
      viewwin = window.open(imgsrc,'viewwin', 'width=600,height=300');    
   }
</script>

更新

关于你的第二个问题，it can be done .

更新 2

这取决于您的图像名称保持相同的格式。或者，您可以这样做:

<img src="pic_small.jpg" onclick="view('pic_big.jpg')" />

<script type="text/javascript">
   function view(imgsrc) {
      viewwin = window.open(imgsrc,'viewwin', 'width=600,height=300'); 
   }
</script>