0

我有一个相册（不是画廊），可以预览照片。相册是根据与用户关联的相册数量动态生成的。我想向它添加点击事件，以便当一个人点击一个相册时，它会将他带到该相册中的照片。我是初学者，所以我不完全知道如何完成。但我认为添加命令参数应该可以解决问题。

ASPX 代码：

for (int i = 0; i < dt5.Rows.Count; i++)
{
    string q = "select  imageurl from photos where albumid='" 
                                        + dt5.Rows[i]["albumid"].ToString() + "'";
    dt6 = dbo.Getdt(q);
    a = dt6.Rows[0]["imageurl"].ToString();
    b = dt6.Rows[1]["imageurl"].ToString();
    c = dt6.Rows[2]["imageurl"].ToString();
    a= a.Substring(1, a.Length - 1);
    b = b.Substring(1, b.Length - 1);
    c = c.Substring(1, c.Length - 1);
  %> 
   <div   class="image_stack" style="margin-left:300px ; right: 418px;"   
        runat="server">
       <img   class="stackphotos photo1" src="<%: a %>"   />
       <img   class="stackphotos photo2" src="<%: b %>"  />
       <img "   class="stackphotos photo3" src="<%: c %>" />
   </div>
     <br /><br /><br /><br />
<% } %>

在上面的代码中 image_stack 是用于使用 Jquery 插件显示专辑的 div。

4

2 回答 2

0

纯粹根据您发布的内容，这可以让您处理“选择”专辑图片：

<script>

    $(function() {
        $('div.image_stack').on('click', 'img.stackphotos', function(event) {
            // handle click event
        });
    });

</script>

你在点击事件中做什么取决于你，因为我不完全确定你的意思

...带他去那个相册里的照片。

如果目的是将用户重定向到新页面，您真的应该将图像包装在超链接标签中并使用“自然”HTTP 机制。

编辑：

要在评论中回答您的问题，您有两种选择：

1）将图像包裹在锚点中：

<a href="url_to_your_detail_page"><img class="stackphotos photo1" src="<%: a %>" /></a>

我不知道href价值是多少，因为这取决于了解您的网站是如何设置的。

2）使用JavaScript重定向：

window.location.replace('url_to_your_detail_page');

MDN 有很好的参考：https ://developer.mozilla.org/en-US/docs/DOM/window.location

无论哪种情况，您都必须在创建页面标记时生成正确的 URL。

于 2013-04-02T08:16:09.080 回答
0

尝试下面的代码使用 Jquery 在 Div 上添加单击和传递命令参数：

$(".image_stack").click(function(event){
//Do here whatever you want
});
于 2013-04-02T08:17:45.617 回答