I've made a slideshow (remotely similar to other jQuery slides like
Frontpage Slideshow or jqGalScroll v2.1) but instead of just plain
numbered links to move between slides I've used jCarousel.
Clicking on the list items in jCarousel correctly shows me the proper
slide in my slideshow, but I can't seem to figure out how to call
jCarousel functions from my slide.
For example:
1. Getting jCarousel to scroll down when my slideshow has reached the
EIGHTH slide. (There are 7 jCarousel items shown at a time).
2. Having jCarousel return to the beginning when my slideshow starts
over.
So is there some way to call a jCarousel function inside of my
slideshow JS?
Something like:
function showNext() { // My slideshow function which displays the next
slide
// vis = the number of the current slide.
/*
my slide code here
*/
vis = vis + 1; // because the slide starts at 0, but jcarousel
starts at 1.
if (vis = 8) { // The 8th list item is no longer seen in
jCarousel (only 7 per "page"), need to scroll to it.
$.jcarousel.scroll(vis);
}
}
So is there some way to do this? If there is I can't figure it
out..
Also, this cannot be done through a callback AFAIK. What I'm
specifically talking about above doesn't use any clicks or other
events, so I really don't know how I could bind an event when it's
something my slideshow script automatically does. (If there is some
way to "create" an event inside of my slide function that will be able
to modify jCarousel, then please tell me otherwise).
If you're wondering how it shows in the jCarousel which is selected,
I simply have my slide script apply an "active" class to the list item
which correlates with the slide. Is there any way to have jCarousel
keep the "active" class at the top of the carousel?? I'm really
looking for any way to do this by now.
Thank you very much.
