tag:blogger.com,1999:blog-8640596986273216089.post7073164068523618839..comments2023-08-15T06:10:51.086-03:00Comments on Ariel Flesler: jQuery.SerialScroll 1.2 releasedAriel Fleslerhttp://www.blogger.com/profile/17700414222186772120noreply@blogger.comBlogger17125tag:blogger.com,1999:blog-8640596986273216089.post-88348769382337053942009-05-14T20:42:00.000-03:002009-05-14T20:42:00.000-03:00@Pierre
That's odd! could you arrange 2 identic de...@Pierre<br />That's odd! could you arrange 2 identic demos, one using each version ? use source version for all please.<br /><br />@Anon<br />You should override the needed settings from the outside, check the demos and docs. There's a snippet for auto scrolling in the "doctorate on serialScroll" post.Ariel Fleslerhttps://www.blogger.com/profile/17700414222186772120noreply@blogger.comtag:blogger.com,1999:blog-8640596986273216089.post-76731367220994634432009-05-14T00:34:00.000-03:002009-05-14T00:34:00.000-03:00Never mind, this seems to work, using your origina...Never mind, this seems to work, using your original newsticker on the demo page:<br /><br />var $news = $('#news-ticker');<br />$news.load("clients.txt");<br />$news.serialScroll({<br />items:'div',<br />duration:2000,<br />force:true,<br />axis:'y',<br />easing:'linear',<br />lazy:true,<br />interval:1, <br />step:2 <br />});Carolinenoreply@blogger.comtag:blogger.com,1999:blog-8640596986273216089.post-34950554992393057322009-05-13T23:16:00.000-03:002009-05-13T23:16:00.000-03:00Hi Ariel,
Thank you for your hard work. I was won...Hi Ariel,<br /><br />Thank you for your hard work. I was wondering how I can use an external text file for the news items with the news ticker? You mentioned using the lazy parameter, but I have no idea what to do.Carolinehttp://www.ngeneyes.comnoreply@blogger.comtag:blogger.com,1999:blog-8640596986273216089.post-1392445040956434222009-02-07T13:54:00.000-02:002009-02-07T13:54:00.000-02:00I have this now : this is in jquery.serialscroll.j...I have this now : this is in jquery.serialscroll.js:<BR/><BR/>$serialScroll.defaults = {//the defaults are public and can be overriden.<BR/> duration:1000, //how long to animate.<BR/> axis:'x', //which of top and left should be scrolled<BR/> event:'click', //on which event to react.<BR/> start:0, //first element (zero-based index)<BR/> step:1, //how many elements to scroll on each action<BR/> lock:false,//ignore events if already animating<BR/> cycle:true, //cycle endlessly ( constant velocity )<BR/> constant:true //use contant speed ?<BR/> /*<BR/><BR/>What must i add here to make it autoscroll? like a newsticker?Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8640596986273216089.post-6009470529629563692009-01-22T10:13:00.000-02:002009-01-22T10:13:00.000-02:00I was just wondering if it is safe to upgrade to j...I was just wondering if it is safe to upgrade to jquery 1.3.1. The SerialScroll plugin seems to behave a bit slower after the upgrade.<BR/><BR/>Thanks for your advice.PierreRhttps://www.blogger.com/profile/07709580305967202558noreply@blogger.comtag:blogger.com,1999:blog-8640596986273216089.post-31007278812526106162008-09-18T12:16:00.000-03:002008-09-18T12:16:00.000-03:00Perfect! I had everything else set up just fine, b...Perfect! <BR/><BR/>I had everything else set up just fine, but didn't think to add a special class to everything I actually wanted scrollable. That did exactly what I needed.<BR/><BR/>Thanks for the help, Ariel!Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8640596986273216089.post-77597825600948323542008-09-18T11:07:00.000-03:002008-09-18T11:07:00.000-03:00...Also, you can use the option 'offset' (belongs ......Also, you can use the option 'offset' (belongs to scrollTo).<BR/>It is used in the 2nd example of the demo to (sort of) center the slideshow.Ariel Fleslerhttps://www.blogger.com/profile/17700414222186772120noreply@blogger.comtag:blogger.com,1999:blog-8640596986273216089.post-64333141543221601942008-09-18T11:06:00.000-03:002008-09-18T11:06:00.000-03:00Hi MatthewYou can exclude items yourself easily.Yo...Hi Matthew<BR/><BR/>You can exclude items yourself easily.<BR/>You add a class to all the items BUT the first and last. <BR/>Then in the 'items' selector add that class. That will make the plugin ignore these 2.<BR/>I'd add 'force:true' so that it gets centered at start.Ariel Fleslerhttps://www.blogger.com/profile/17700414222186772120noreply@blogger.comtag:blogger.com,1999:blog-8640596986273216089.post-27406593951748150012008-09-18T01:40:00.000-03:002008-09-18T01:40:00.000-03:00Hi Ariel. Thanks for the great plugin.What I'd lik...Hi Ariel. Thanks for the great plugin.<BR/><BR/>What I'd like to do is introduce a blank first and last image and then use the plugin's 'exclude' function so that I can exclude these first and last slides from the scrolling to keep my actual content perfectly centered in my scroll container. However, 'exclude' only allows you to set a number from the very end of the scroll to be ignored, not from the beginning.<BR/><BR/>In other words, I want to be able to exclude:<BR/><BR/>[x] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [x]<BR/><BR/>Is there a way to implement 'excludeStart' and 'excludeEnd', or something to that effect?Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8640596986273216089.post-22002769809991039142008-07-21T09:54:00.000-03:002008-07-21T09:54:00.000-03:00Hi AamirThere is a snippet showing how to make it ...Hi Aamir<BR/><BR/>There is a snippet showing how to make it work with the keyboard.<BR/>Check the "doctorate on..." post.Ariel Fleslerhttps://www.blogger.com/profile/17700414222186772120noreply@blogger.comtag:blogger.com,1999:blog-8640596986273216089.post-66667394494938794872008-07-21T09:09:00.000-03:002008-07-21T09:09:00.000-03:00Hi Ariel!Just woundering if you add a feature wher...Hi Ariel!<BR/>Just woundering if you add a feature where the scroll works with arrows key as well.<BR/><BR/>Will be great if it work with mouse drag as well on left or right :paamirafridi.comhttps://www.blogger.com/profile/04976443616855793987noreply@blogger.comtag:blogger.com,1999:blog-8640596986273216089.post-83441942082589388682008-05-26T20:20:00.000-03:002008-05-26T20:20:00.000-03:00Hi DaveSorry for the delay. Constant animation is ...Hi Dave<BR/><BR/>Sorry for the delay. Constant animation is hard to achieve with this plugin. <BR/>The only way is setting the step to the amount of items, still..<BR/><BR/>What you can do, is to set the event to mousemove or any similar mouse event.<BR/><BR/>Also, you can manipulate it from the outside with the custom events.<BR/>So you can use a plugin like hoverIntent, and trigger a next/prev on each period, while the mouse stays on whatever elements you want.Ariel Fleslerhttps://www.blogger.com/profile/17700414222186772120noreply@blogger.comtag:blogger.com,1999:blog-8640596986273216089.post-54373231515174620402008-05-25T05:22:00.000-03:002008-05-25T05:22:00.000-03:00great extension of scrollto plugin.I was wondering...great extension of scrollto plugin.<BR/><BR/>I was wondering, though, if it is possible to hover over a button and have scrolling animation continue through an entire list, until hover ends -- rather than setting specific number of "steps" on click or mouseover.<BR/><BR/>I've tried playing with various configurations using your slideshow example as my base, including trying "event:hover" (even toying with reversing the jquery.SerialScroll_stop-on-hover.js I found to a "start on hover") and can't get it to behave the way I need it to.<BR/><BR/>this is what I have now:<BR/><BR/>$('#slideshow').serialScroll({<BR/>items:'li',<BR/>prev:'a.down',<BR/>next:'a.up',<BR/>axis:'y',<BR/>offset:0, <BR/>start:0, <BR/>event: 'mouseover',<BR/>step: 2, interval:4000,<BR/>duration:100,<BR/>force:true,<BR/>stop:false,<BR/>lock:true,<BR/>cycle:false, <BR/>easing:'easeOutQuart', <BR/>jump: false <BR/>});<BR/><BR/>btw, the hover behavior is more important than the interval, if interval is interfering <BR/><BR/>much thanxAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-8640596986273216089.post-2044873731306734312008-03-31T13:50:00.000-03:002008-03-31T13:50:00.000-03:00Hi WouterSince the last release, you surely can, t...Hi Wouter<BR/><BR/>Since the last release, you surely can, that is, by using the option 'target'. Check the docs about it in the main post.<BR/><BR/>CheersAriel Fleslerhttps://www.blogger.com/profile/17700414222186772120noreply@blogger.comtag:blogger.com,1999:blog-8640596986273216089.post-12927569214541993802008-03-31T05:21:00.000-03:002008-03-31T05:21:00.000-03:00Hi Ariel,Is it possible to use the same function (...Hi Ariel,<BR/>Is it possible to use the same function (with the same setup) on multiple slideshows? So you don't have to define a function for each slideshow? Maybe setting the target dynamicly (as the parent of the navigation link)?Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8640596986273216089.post-32042568549315386572008-03-18T10:36:00.000-03:002008-03-18T10:36:00.000-03:00HiIt means that if you want a widget to autoscroll...Hi<BR/><BR/>It means that if you want a widget to autoscroll, you need to set the option 'auto' to the interval when you initialize it.<BR/><BR/>the event start only works as <B>re</B>start now.<BR/><BR/>An example:<BR/>$('#pane').serialScroll({<BR/> duration:1000,<BR/> .............,<BR/> auto: 5000,<BR/> .............<BR/>});<BR/><BR/>That will make the widget autoscroll each 5 seconds, check the news ticker in the demo to see this in action, to add pause on hover check <A HREF="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html#c3919916249715968175" REL="nofollow">this</A>.<BR/><BR/>CheersAriel Fleslerhttps://www.blogger.com/profile/17700414222186772120noreply@blogger.comtag:blogger.com,1999:blog-8640596986273216089.post-21776066800659094482008-03-18T10:05:00.000-03:002008-03-18T10:05:00.000-03:00- The event 'start' no longer receives the interva...<<[Change]<BR/>- The event 'start' no longer receives the interval, you must set it at start, stop/start only pause/restart.>><BR/><BR/>Any example would be nice, because I really dont understand the "you must set it at ... pause/restart" bit.<BR/><BR/>CheersAnonymousnoreply@blogger.com