we are using this jquery carousel (image gallery):
http://aspsnippets.com/demos/424/
The problem occurs only when we have more than 4 images.
When we scroll, it is skipping images (e.g. if there are 5 or 6 images - the 3rd image is skipped going right and the fourth image is skipped when scrolling back to the left.)
The demo seems to work fine - when using this method:
<ul id="mycarousel" class="jcarousel-skin-tango">
<asp:Repeater ID="rptImages" runat="server">
<ItemTemplate>
<li>
<img alt="" style='height: 75px; width: 75px' src='<%# Eval("ImageUrl") %>' />
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
However, we are calling the images and text strapline from a database table like this:
<ul id="mycarousel" class="jcarousel-skin-tango">
<asp:Repeater ID="rptImages" runat="server" DataSourceID="DSAlerts">
<ItemTemplate >
<li>
<asp:Image ID="alertImage" ImageUrl='<%# "~/"+ Eval("AlertImage").ToString() %>' runat="server" />
<asp:HyperLink ID="alertLink" runat="server"
Text='<%#Bind("Alert") %>'
cssClass="alertCount"
NavigateUrl='<%#Bind("AlertURL") %>'
ToolTip="select to view required action">
</asp:HyperLink>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>