jQuery

[Aruffell]

My site www.eteknix.com

It has a jquery slideshow at the top. I've got it to automagically scroll but you can use the arrows if you wish. Only problem i have is when you get to the last one, and press right again, it goes alllllll the way back to the beginning scrolling through all the ones you just saw.

I want it to loop so the first one comes after the last one just as if it was going round and round instead of skipping back to the first one.

Make sense?

Here's the code:

$('#header3').serialScroll({
target:'#sections',
items:'li', // Selector to the items ( relative to the matched elements, '#sections' in this case )
prev:'div.prev',// Selector to the 'prev' button (absolute!, meaning it's relative to the document)
next:'div.next',// Selector to the 'next' button (absolute too)
axis:'xy',// The default is 'y' scroll on both ways
navigation:'#navigation li a',
duration:700,// Length of the animation (if you scroll 2 axes and use queue, then each axis take half this time)
force:true, // Force a scroll to the element specified by 'start' (some browsers don't reset on refreshes)

//queue:false,// We scroll on both axes, scroll both at the same time.
//event:'click',// On which event to react (click is the default, you probably won't need to specify it)
//stop:false,// Each click will stop any previous animations of the target. (false by default)
//lock:true, // Ignore events if already animating (true by default)
//start: 0, // On which element (index) to begin ( 0 is the default, redundant in this case )
//cycle:true,// Cycle endlessly ( constant velocity, true is the default )
//step:1, // How many items to scroll each time ( 1 is the default, no need to specify )
//jump:false, // If true, items become clickable (or w/e 'event' is, and when activated, the pane scrolls to them)
//lazy:false,// (default) if true, the plugin looks for the items on each event(allows AJAX or JS content, or reordering)
interval:6000, // It's the number of milliseconds to automatically go to the next
//constant:true, // constant speed

Thanks,

Andy

 

[Aruffell]

SerialScroll (which is what you're using) doesn't allow the option to loop back to the beginning how you would like it to. Your easiest bet is to just use a different slider.
http://github.com/nathansearles/loopedSlider/tree/master


Also, it's a bad idea to use multiple js libraries. You're currently using prototype and jquery. Best thing to do is to pick one and stick with it.

Completely lost me there

Should have said that i don't have a clue about this, am ok with html and php, but js is completely new to me

Andy

 

[Aruffell]

How much you charge then trip ?

I don't know what prototype is either, really don't understand of of this.

Andy