[jQuery] Re: Cycle plugin postback problem in ASP.Net
View the markup after the postback (use firebug). I can almost
guarantee there are extra elements in the slideshow container, perhaps
s or empty paragraphs or something. Post a link if you can.
Mike
On Dec 7, 11:31 pm, Michael wrote:
> Anyone have an ideas or advice?
>
> Mike
>
> On Dec 1, 9:10 am, Michael 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" %>
>
> > > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> > http://www.w3.org/1999/xhtml";>
> >
> > Untitled
> >
> >
> >
> >
> >
> >
>
> >
> >
> > > type="text/javascript">
>
> >
> >
> >
> >
> >
> >
> > > ImageUrl='<%# Container.DataItem %>' EnableViewState="false">
> >
> >
> >
> >
> >
> >
> >
> >
>
> > 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;
>
> > }
>
>
[jQuery] Re: Cycle plugin postback problem in ASP.Net
Anyone have an ideas or advice?
Mike
On Dec 1, 9:10 am, Michael 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" %>
>
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> http://www.w3.org/1999/xhtml";>
>
> Untitled
>
>
>
>
>
>
>
>
>
> type="text/javascript">
>
>
>
>
>
>
>
> ImageUrl='<%# Container.DataItem %>' EnableViewState="false">
>
>
>
>
>
>
>
>
>
> 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;
>
>
>
> }
