Good morning.
I'm having trouble showing my repeater. I have a repeater that
would be the sectors of the site that I'm setting up, and I
have another inside that first, to show the items to each
respective sector. I already put one inside the other to have
it act a looping of that repeater from within. However that
datalist from inside is stylized with Css, Js, to make products
Carousel. But by showing this, on the page is only stylized with
Css the first repeater, which is inside the other.
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Untitled Page</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/jcarousel/0.2.8/jquery.jcarousel.min.js"></script>
<link href="StyleSheet1.css" rel="stylesheet" />
<script type="text/javascript">
$(function () {
$('#mycarousel').jcarousel();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:Panel ID="Panel1" runat="server" HorizontalAlign="Center">
<asp:Repeater ID="Repeater1" runat="server" OnItemCommand="Repeater1_ItemCommand" OnItemDataBound="Repeater1_ItemDataBound">
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li>
<img alt="" style='height: 75px; width: 75px' src='<%# Eval("Caminho") + "" +Eval("Imagem") %>' />
<asp:Label ID="Label1" runat="server" Text='<%# Eval("Codigo") %>'></asp:Label>
<ul id="mycarousel" class="jcarousel-skin-tango">
<asp:Repeater ID="rptImages" runat="server">
<HeaderTemplate>
<ul id="mycarousel" class="jcarousel-skin-tango">
</HeaderTemplate>
<ItemTemplate>
<li>
<img alt="" style='height: 75px; width: 75px' src='<%# Eval("Caminho") + "" +Eval("Imagem") %>' />
</li>
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>
</ul>
</li>
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>
<asp:ObjectDataSource ID="ObjectDataSource2" runat="server" SelectMethod="Produtos" TypeName="ClassLibrary2.clsProduto">
<SelectParameters>
<asp:SessionParameter Name="conexao" SessionField="Codigo" Type="String" />
</SelectParameters>
</asp:ObjectDataSource>
<asp:Button ID="Button1" runat="server" onMouseOver="Button1_Click"/>
</asp:Panel>
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
</form>
</body>
</html>
http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js
http://cdn.jsdelivr.net/jcarousel/0.2.8/jquery.jcarousel.min.js
What I find is that this JCarousel plugin or JQuery, both pulled by the link above, are giving this problem. Would anyone know how to solve this?
