<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/Admin.master" AutoEventWireup="true" CodeFile="Gallery.aspx.cs" Inherits="Admin_Gallery" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>
<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="jquery.mousewheel-3.0.6.pack.js"></script>
<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="source/jquery.fancybox.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css?v=2.1.5" media="screen" />
<!-- Add Button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
<script type="text/javascript" src="source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<!-- Add Thumbnail helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
<script type="text/javascript" src="source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
<!-- Add Media helper (this is optional) -->
<script type="text/javascript" src="source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>
<style type="text/css">
.auto-style1
{
}
.auto-style2
{
width: 165px;
height: 36px;
}
.auto-style3
{
height: 36px;
}
.auto-style4
{
width: 165px;
height: 38px;
}
.auto-style5
{
height: 38px;
}
.auto-style6
{
width: 165px;
height: 35px;
}
.auto-style7
{
height: 35px;
}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script type="text/javascript">
$(document).ready(function () {
$("a.sh").fancybox(
);
});
</script>
<table style="width:100%;">
<tr>
<td colspan="3">Image Gallery</td>
</tr>
<tr>
<td class="auto-style2">
<asp:Label ID="Label1" runat="server" Text="Image"></asp:Label>
</td>
<td class="auto-style3">
<asp:FileUpload ID="FileUpload1" runat="server" />
</td>
<td class="auto-style3"></td>
</tr>
<tr>
<td class="auto-style4">
<asp:Label ID="Label2" runat="server" Text="Image Name"></asp:Label>
</td>
<td class="auto-style5">
<asp:TextBox ID="TextBox1" runat="server" Width="200px"></asp:TextBox>
</td>
<td class="auto-style5"></td>
</tr>
<tr>
<td class="auto-style6">
<asp:Label ID="Label3" runat="server" Text="Description"></asp:Label>
</td>
<td class="auto-style7">
<asp:TextBox ID="TextBox2" runat="server" Width="200px"></asp:TextBox>
</td>
<td class="auto-style7"></td>
</tr>
<tr>
<td class="auto-style1">
<asp:Label ID="Label4" runat="server" Text="Group"></asp:Label>
</td>
<td>
<asp:TextBox ID="TextBox3" runat="server" Width="200px"></asp:TextBox>
</td>
<td> </td>
</tr>
<tr>
<td class="auto-style1"> </td>
<td>
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Upload" />
</td>
<td> </td>
</tr>
<tr>
<td class="auto-style1" colspan="3">
<asp:GridView ID="GridView1" runat="server" AllowPaging="True" AutoGenerateColumns="False" DataKeyNames="Imagesid" DataSourceID="SqlDataSource1" Width="718px">
<Columns>
<asp:CommandField ShowDeleteButton="True" ShowEditButton="True" />
<asp:BoundField DataField="ImageName" HeaderText="ImageName" SortExpression="ImageName" />
<asp:BoundField DataField="ImageGroup" HeaderText="ImageGroup" SortExpression="ImageGroup" />
<asp:BoundField DataField="ImageDescription" HeaderText="ImageDescription" SortExpression="ImageDescription" />
<asp:BoundField DataField="Imagesid" HeaderText="Imagesid" InsertVisible="False" ReadOnly="True" SortExpression="Imagesid" />
<asp:TemplateField ConvertEmptyStringToNull="False" HeaderText="Image" SortExpression="Image">
<ItemTemplate>
<a href='<%# "Handler.ashx?id=" + Eval("Imagesid") %>' class="sh" data-fancybox-group="gallery" title="<%# Eval("ImageDescription") %>">
<img alt="" border="2" src='<%# "Handler.ashx?id=" + Eval("Imagesid") %>' runat="server" id="img" style="border-color: #000000; vertical-align:middle; " width="200" height="200" />
</a> </ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:images %>" DeleteCommand="DELETE FROM [Images] WHERE [Imagesid] = @Imagesid" InsertCommand="INSERT INTO [Images] ([ImageName], [ImageGroup], [Image], [ImageDescription]) VALUES (@ImageName, @ImageGroup, @Image, @ImageDescription)" SelectCommand="SELECT [ImageName], [ImageGroup], [Image], [ImageDescription], [Imagesid] FROM [Images]" UpdateCommand="UPDATE [Images] SET [ImageName] = @ImageName, [ImageGroup] = @ImageGroup, [Image] = @Image, [ImageDescription] = @ImageDescription WHERE [Imagesid] = @Imagesid">
<DeleteParameters>
<asp:Parameter Name="Imagesid" Type="Int32" />
</DeleteParameters>
<InsertParameters>
<asp:Parameter Name="ImageName" Type="String" />
<asp:Parameter Name="ImageGroup" Type="String" />
<asp:Parameter Name="Image" Type="Object" />
<asp:Parameter Name="ImageDescription" Type="String" />
</InsertParameters>
<UpdateParameters>
<asp:Parameter Name="ImageName" Type="String" />
<asp:Parameter Name="ImageGroup" Type="String" />
<asp:Parameter Name="Image" Type="Object" />
<asp:Parameter Name="ImageDescription" Type="String" />
<asp:Parameter Name="Imagesid" Type="Int32" />
</UpdateParameters>
</asp:SqlDataSource>
</td>
</tr>
</table>
</asp:Content>
images are displayed in gridview but jquery not workin i am using master page