hi,
Thanks for that i thought of that but then i realised that I am creating in on the fly.
Bascially i am putting the div in a grid therefore dont really get the opportunity to create the tag staticlly.
here is my code example
<asp:GridView ID="GridViewOutside" runat="server" DataSourceID="SqlDataSource6" AutoGenerateColumns="false"
OnRowDataBound="gridviewoutside_RowDataBound">
<Columns>
<asp:TemplateField HeaderText="Y">
<ItemTemplate>
<asp:Label ID="lblDescription" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Y") %>'>></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<div id="galleria" runat="server" >
<asp:GridView ID="InsideGridView" runat="server" AutoGenerateColumns="false" DataSourceID="SqlDataSource7">
<Columns>
<asp:TemplateField HeaderText="Picture">
<ItemTemplate>
<img border="0" width="75px" alt="image" height="75px" src='<%# DataBinder.Eval(Container, "DataItem.PictureName")%>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<style>
#galleria
{
width: 700px;
margin: 20px auto;
}
</style>
</head>
<script type="text/javascript">
// Classic theme is now loaded using <script> instead
// You can still use loadTheme if you like, either works.
$('#galleria').galleria({
transition: 'fade',
autoplay: false
});
</script>