jQuery Forum

Create another div and give it a different ID name.  Then in your code create a separate call to that ID to set up your second gallery.

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>