Question

我有一个foreach，它显示了Image对象列表中的所有缩略图（每个对象都有名称，路径，描述，标题等）。

  foreach {
  <a href="#Gallery" title="<%= image.Description %>" rel="imgGallery">
  <img src="<%= image.GetVariantFilePath("Small") %>" alt="<%= image.Description %>" />
  }

现在我必须在页面的另一部分显示点击的缩略图的图像。这是最好的方法吗？我正在考虑使用onclick事件和javascript，但我完全不确定。任何一个例子？

Update1：我正在使用jquery fancybox，但我必须以我在可点击图片下的灯箱中显示图库缩略图的方式进行自定义。因此，我只是在某处显示缩略图，当我点击图像时，它会打开一个带有div的灯箱，我可以在其中管理所有逻辑。

提前致谢

Answer 1

如何使用lightbox？

Answer 2

您可以使用javascript和jquery在页面的其他位置显示此图像，前提是src到正常页面已修复。

foreach { 
   <a id='image' href="#Gallery" title="<%= image.Description %>" rel="imgGallery"  largeSrc='<%//large file path %>'>
   <img src="<%= image.GetVariantFilePath("Small") %>" alt="<%= image.Description %>" />
}

Jquery的：

$("#image").click(function(){
     var largeSrc = $(this).attr('largeSrc');
     $('#LargeImageId').attr('src', largeSrc);
});

Asp.net c＃用onclick保存变量

2 个答案: