使用文字显示缩略图并动态地在点击事件上显示大图像

时间:2012-08-06 07:26:01

标签: c# javascript jquery thumbnails literals

我的网站基于C#.net。我有一个文件夹,用户可以在其中放置未知数量的图像。每个图像都有缩略图版本和大尺寸。

例如,如果图像名称为“car.jpg”,则缩略图图像将为thcar.jpg“(即,仅在图像名称前附加”th“)。

在我的pageload事件中,我想使用asp:literal显示所有这些缩略图。当用户单击缩略图图像时,我想在缩略图上方的asp:图像中显示该图像的较大尺寸。

任何人都可以帮我吗? jquery或javascript中的代码会更有用,而我对C#代码也很满意.... 提前谢谢,

编辑:我的网页应该是

 ____________________
|                    |
|  Larger image      |
|                    |
|____________________|

缩略图,

 _   _   _   _
|_| |_| |_| |_|

每当点击缩略图时,都应显示缩略图的较大版本....

1 个答案:

答案 0 :(得分:0)

我也做了一个基本的例子:

http://jsbin.com/utijid/1

它的来源是:

http://jsbin.com/utijid/1/edit