View the markup after the postback (use firebug). I can almost guarantee there are extra elements in the slideshow container, perhaps <br>s or empty paragraphs or something. Post a link if you can.
Mike On Dec 7, 11:31 pm, Michael <mikedr...@gmail.com> wrote: > Anyone have an ideas or advice? > > Mike > > On Dec 1, 9:10 am, Michael <mikedr...@gmail.com> wrote: > > > Hi Everyone! > > I have encountered an issue trying to use the cycle plugin to show a > > very simple image slideshow in ASP.Net. I have the cycle plugin in a > > master page and it works great until a postback is performed on a > > page. When I perform a postback an empty slide is inserted between > > every image. The slideshow becomes: blank -> image 1 -> blank -> image > > 2 -> blank -> image 1 ... > > > Once I navigate to another page the slideshow is fine again until a > > postback is performed. > > > Has anyone had any experience with this? > > > Mike > > > Just in case anyone finds it helpful, here is what I am doing ... > > > Here is my master page: > > > <%@ Master Language="C#" AutoEventWireup="true" > > CodeBehind="Master.master.cs" > > Inherits="WebProject" %> > > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > > <html xmlns="http://www.w3.org/1999/xhtml";> > > <head runat="server"> > > <title>Untitled</title> > > <asp:ContentPlaceHolder ID="head" runat="server"> > > </asp:ContentPlaceHolder> > > <link rel="Stylesheet" type="text/css" href="Master/ > > HeaderSlideshow.css" /> > > </head> > > <body style="margin-left: 0px; margin-right: 0px;"> > > <form id="form" runat="server"> > > > <script src='<%=ResolveUrl("~/Scripts/jquery.js" ) %>' type="text/ > > javascript"></script> > > <script src='<%=ResolveUrl("~/Scripts/jquery.cycle.plugin.js" ) > > %>' type="text/javascript"></script> > > <script src='<%=ResolveUrl("~/Master/HeaderSlideshow.js" ) %>' > > type="text/javascript"></script> > > > <div> > > <asp:ScriptManager ID="sm" runat="server"> > > </asp:ScriptManager> > > <div class="headerSlideshow"> > > <asp:Repeater runat="server" ID="slideshowRepeater"> > > <ItemTemplate> > > <dxe:ASPxImage runat="server" ID="image" > > ImageUrl='<%# Container.DataItem %>' EnableViewState="false"> > > </dxe:ASPxImage> > > </ItemTemplate> > > </asp:Repeater> > > </div> > > </div> > > </form> > > </body> > > </html> > > > Here is my javascript (HeaderSlideshow.js): > > > $(document).ready(function() { > > $('.headerSlideshow').cycle({ > > fx: 'scrollDown', > > speed: 1000, > > cleartype: true, > > cleartypeNoBg: true, > > timeoutFn: calculateSlideTimeout > > }); > > > }); > > > function calculateSlideTimeout(currElement, nextElement, opts, > > isForward) { > > // Set odd number slides (which will always be the eas logo) to > > have 11 second timeouts > > // and even number slides (which will be R&AC, broker or > > association logos) to have 4 second timeouts > > var index = opts.currSlide; > > return index % 2 ? 4000 : 11000; > > > } > > > Here is my css (HeaderSlideshow.css): > > > .headerSlideshow > > { > > width:300px; > > height:80px; > > margin:1px; > > overflow:hidden; > > border:0px; > > > } > > > .headerSlideshow img { > > top: 0; > > left: 0; > > > } > >
