如何使用MVC3剃刀在新的浏览器窗口中单击缩略图图像并打开全尺寸图像

时间:2012-01-30 16:14:26

标签: asp.net-mvc asp.net-mvc-3 razor

我研究了这个并尝试了许多不同的方法但没有成功。我有一个MVC 3视图,其中包含缩略图图像列表,我想单击缩略图图像并在视图顶部的新浏览器窗口中打开不同的全尺寸图像。我知道这是一项简单的任务,但我似乎无法让它发挥作用。有人可以告诉我如何在MVC中执行此操作吗?

Orgbrat

2 个答案:

答案 0 :(得分:3)

你可以这样做:

<script type="text/javascript">
  function openImage(imageUrl) { 
    window.open(theURL); 
  } 
</script>

<a href="javascript:;" onClick="openImage('image.gif')">
  <img src="image.gif" width="50px"/>
</a>

答案 1 :(得分:1)

<img src="thumbnailUrl.jpg" onclick="javascript:window.open(bigImageUrl.jpg)"/>