Duncan,
Sorry, I was testing with jQuery 1.1.4 so I didn't see the IE error.
In IE it's important that the property being animated (in your case
'left') has an initial value. You can do this with a style sheet
(#newsticker div { left: 0 }), but I will patch the code to assign
that value automatically like I do with the other transitions. Good
catch! I noticed that same blank slide behavior when clicking
next/prev during a transition. I'll have to fix that. Stay tuned.
Mike
On 8/24/07, Duncan <[EMAIL PROTECTED]> wrote:
>
> Mike,
>
> Perfect, in Firefox(!), although I get Invalid argument errors in IE6 and IE7
>
> $(document).ready(function(){
> $('#newsTicker').cycle({
> fx: 'scrollHorz',
> next: '#nextNews',
> prev: '#prevNews'
> });
> });
>
> This js error occurs after about 5 seconds, then clicking next pushes
> through a blank div, then moves the original one in so you end up with
> blank - 1st slide - blank - 1st slide - blank.
>
> I have jquery 1.1.3.1
>
> Duncan
>
> On 8/24/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
> >
> > Ok Duncan, I took another shot at it. Let me know if it's what you
> > had in mind. BTW, there's an as-yet undocumented option called "rev"
> > which will switch the direction of the default scroll direction when
> > used with scrollHorz or scrollVert.
> >
> > Cheers.
> >
> > Mike
> >
> >
> > On 8/23/07, Duncan <[EMAIL PROTECTED]> wrote:
> > >
> > > Thanks Mike - that's awesome!
> > >
> > > I am using it with text and the borders of the internal items aren't
> > > quite being maintained on the right side of the scrolling container.
> > > My code is below for you too look at.
> > >
> > > Also how could one decide if forward was scroll left or right when
> > > using timeout:5000? I had to change my next and prev buttons to be the
> > > other way around to line up with the timeout direction.
> > >
> > >
> > > <div style="width:200px;">
> > >
> > > <h3>Featured News</h3>
> > >
> > > <div id="newsTicker"
> > > style="height:110px;width:210px;margin:0px;padding:0px;border:1px
> > > solid #000000;background:#eeeeee;position:relative">
> > >
> > > <div
> > > style="height:90px;width:190px;margin:5px;padding:5px;background:#ffffff;">
> > > <h4><a href="/news/news-2a/" title="Read the
> > > article: News 2a">News
> > > 2a</a> - Sunday, May 6</h4>
> > > <p>Text <a href="/news/news-2a/" title="Read the
> > > article: News
> > > 2a">More...</a></p>
> > > </div>
> > >
> > > <div
> > > style="height:90px;width:190px;margin:5px;padding:5px;background:#ffffff;">
> > >
> > > <h4><a href="/news/url-rewriting-in-cms-base-yo/"
> > > title="Read the
> > > article: URL Rewriting in CMS Base, yo.">URL Rewriting in CMS Base,
> > > yo.</a> - Thursday, April 26</h4>
> > > <p>CMS Base? More like CMS Ace. <a
> > > href="/news/url-rewriting-in-cms-base-yo/" title="Read the article:
> > > URL Rewriting in CMS Base, yo.">More...</a></p>
> > > </div>
> > >
> > > </div>
> > > <div>
> > > <div id="prevNews" style="float:left;"><a href=""><<
> > > Prev</a></div>
> > > <div id="nextNews" style="float:right;"><a href="">Next
> > > >></a></div>
> > > </div>
> > >
> > > </div>
> > >
> > > <script>
> > > $(document).ready(function(){
> > > $('#newsTicker').cycle({
> > > fx: 'scrollHorz',
> > > pause: 0,
> > > timeout: 5000,
> > > next: '#prevNews',
> > > prev: '#nextNews'
> > > });
> > > });
> > > </script>
> > >
> > >
> > >
> > > On 8/23/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
> > > >
> > > > Great timing, Duncan! I just uploaded a new version that includes
> > > > this functionality. You can see the demo here:
> > > >
> > > > http://www.malsup.com/jquery/cycle/scrollhv.html
> > > >
> > > > Mike
> > > >
> > > >
> > > >
> > > > On 8/22/07, Duncan <[EMAIL PROTECTED]> wrote:
> > > > >
> > > > > Mike, Fantastic bit of code, we have been playing with it in the
> > > > > office, and its received huge praise. Someone actually said its
> > > > > animation is as good as an equivalent in Flash.
> > > > >
> > > > > I am looking at the next / prev function and am wondering how I might
> > > > > apply a scrollRight to a prev scrollLeft and to a next button - is
> > > > > that possible?
> > > > >
> > > > > Thanks
> > > > >
> > > > > duncan
> > > > >
> > > > > On 8/17/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
> > > > > >
> > > > > > > A+ Mr. Alsup!
> > > > > > >
> > > > > > > Joel Birch.
> > > > > > >
> > > > > > > Yes, thanks so much for these files, Mike!
> > > > > > >
> > > > > > > (A+)++ Mr. Alsup!
> > > > > > >
> > > > > > >
> > > > > > > --Karl
> > > > > >
> > > > > > Thanks, guys. Glad you found them useful!
> > > > > >
> > > > >
> > > > >
> > > > > --
> > > > > Duncan I Loxton
> > > > > [EMAIL PROTECTED]
> > > > >
> > > >
> > >
> > >
> > > --
> > > Duncan I Loxton
> > > [EMAIL PROTECTED]
> > >
> >
>
>
> --
> Duncan I Loxton
> [EMAIL PROTECTED]
>
