ASP.NET - how to put hyperlink to imagebutton in ajax slideshow

i have created ajax slideshow . But i want the hyperlink means if i click on image it will redirect to the particular product details by evaluating id  ..my code is below

.cs


    [System.Web.Services.WebMethod]
    [System.Web.Script.Services.ScriptMethod]
    public static AjaxControlToolkit.Slide[] GetSlides()
    {
      AjaxControlToolkit.Slide[] slides = new AjaxControlToolkit.Slide[dt.Rows.Count];
      string imagepath = "";
    
      for (int i = 0; i < dt.Rows.Count; i++)
      {
        DataRow dr = dt.Rows[i];
        //string info = dr["ImagePath"].ToString();
        //string[] arInfo = new string[2];
        //// define which character is seperating fields
        //char[] splitter = { '/' };
        //arInfo = info.Split(splitter);
        imagepath = dr["image"].ToString();
        id1 = dr["id"].ToString();
        slides[i] = new AjaxControlToolkit.Slide("galorg/" + imagepath, "<a href='product_details?id='"+id1 +"'>id1</a>", "Image Description");

     }
      return slides;
    }






and in aspx file:


  <a href='product_details.aspx?id=<%#Eval("id") %>'>  
  <asp:ImageButton ID="imgShowImage" runat="server"  
          Height="125" Width="165"
         
          AlternateText="" /></a>
 

   <ajax:SlideShowExtender ID="slideshowextend1" runat="server"
          TargetControlID="imgShowImage"
          SlideShowServiceMethod="GetSlides"
          AutoPlay="true"
          ImageDescriptionLabelID="imageLabel1"
      
          Loop="true" />