Step Carousel Viewer and current item?

[student101]

Step Carousel Viewer

http://www.dynamicdrive.com/dynamici...epcarousel.htm

I have used this wonderful script to create dynamically loaded menu of images, these images are linked to bigger images with id's used as filters.

pagename.php?id=<id from db> 

How do I keep the current state after clicking the carousel item.
I have 16 menu item (images) - each one has a different link
I click on item number 19 (which has been scrolled into view) - the page refreshes and I loose the item that I scrolled to previously.

Is there something that could be used to remember the previously clicked item?

Cheers

[jscheuer1]

You could just add in some boiler plate cookie code (this one's from http://www.quirksmode.org/js/cookies.html):

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}

Then in the setup:

stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
statusvars: ['statusA', 'statusB', 'statusC'], // Register 3 "status" variables
onslide:function(){
createCookie('mygallery',statusB);
},
oninit:function(){
if(readCookie('mygallery'))
stepcarousel.stepTo('mygallery', readCookie('mygallery'));
},
contenttype: ['inline'] // content type
})

[student101]

WOW cool, but it scrolls 8 items as soon as the page loads, or when I click the first item.

[jscheuer1]

Well it will scroll to the item that was displaying. I don't know what you mean about:

or when I click the first item

Please post a link to the page on your site that contains the problematic code so we can check it out.

[student101]

It's not online - it's on my PC.
When I change the stepTo to stepBy it sort of works, sort of.
Or changin statusB to statusA or statusC as well.

I will try to drop it online now.

[jscheuer1]

Using stepBy() will move the viewer that number of 'slides'. Starting from the first slide (as it would be when reloading) it should amount to the same thing as stepTo(). However, in local testing it messes up for me. Only stepTo() works here.

[student101]

Here is what I got:

http://www.kleyn.co.za/home_2.php?catid=1
If you clicked on any of the links on the left you have to click on To 1st Panel to see all the cars

I hope the site loads for you.

[jscheuer1]

Well what do you want to have happen? I thought you wanted that on page load/reload that the scroller would scroll to the state that it was last scrolled to. If you want something different to happen, please be specific.

[student101]

The item clicked should stay clicked.
If you click item 13 then it just scrolls uncontrollably to the next 8 items.

In that example I only loaded 8 items, let me load the same amount so there will be 16 of them.

Currently even with the 8 items it still scrolls on it's own, even if you click the third item.

[student101]

Well what do you want to have happen? I thought you wanted that on page load/reload that the scroller would scroll to the state that it was last scrolled to. If you want something different to happen, please be specific.

Cool now there are more, yet it still scrolls on it's own, it may be a bit confusing as some of the images are the same.