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]