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]
>

Reply via email to