View Full Version : Step Carousel Viewer - Stop fast forward/rewind motion

03-27-2009, 09:08 PM
1) Script Title: Step Carousel Viewer v1.6.1

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm

3) Describe problem: I love this script, but I need to change 1 small thing, but I don't know how.

I have a vertical menu with 5 items. If the user is clicking the links in order, I want the carousel to step 1 at a time. It does this already which is great.

If, however, the user is on the first slide and decides to click on link 5, the carousel animates in a fast forward motion. Is there a way to remove the fast forward/rewind motion and have the slide load instantly instead?

I still want the carousel to slide 1 at a time if the user is clicking the links in order.

Thank you!

03-28-2009, 12:42 AM
Are you calling stepTo() (versus stepBy()) in the instances where you're jumping more than one step, such as to link 5?

03-28-2009, 01:46 PM

Here are my links:

<li><a href="javascript:slider.stepTo('content_slider', 1)"><img src="images/navigation/1.gif" alt="1" /></a></li>
<li><a href="javascript:slider.stepTo('content_slider', 2)"><img src="images/navigation/2.gif" alt="2" /></a></li>
<li><a href="javascript:slider.stepTo('content_slider', 3)"><img src="images/navigation/3.gif" alt="3" /></a></li>
<li><a href="javascript:slider.stepTo('content_slider', 4)"><img src="images/navigation/4.gif" alt="4" /></a></li>
<li><a href="javascript:slider.stepTo('content_slider', 5)"><img src="images/navigation/5.gif" alt="5" /></a></li>

Say the user is on link 5 and want to go back to link 4, they won't be able to if I use stepBy.

Am I making sense?

03-28-2009, 08:31 PM
It looks like you are exclusively using stepTo() then. Assuming so, try the below modified .js file, which runs the animation only when the current and target panel you're jumping to is next to each other. If it's more than 1 panel apart, it jumps straight to the target panel.

03-28-2009, 09:28 PM
Thank you so much for taking the time to sort this. This works perfectly. Is there anyway I can donate to you guys? You do such a good job :)

03-28-2009, 10:17 PM
You're welcome. How about a donation to WWF (http://www.worldwildlife.org/wwfindex.html)? :)

03-28-2009, 10:21 PM
I'm not sure how related this is, but there is a great site that donates 10 grains of rice to poor people for every question you answer correctly. In this way, you improve your skills in different subjects and make a difference in the world. Check it out: http://www.freerice.com/ (http://www.freerice.com/)

03-28-2009, 11:19 PM
:) I'll see what I can do.

04-01-2009, 04:54 PM
Hello again! Now I need to remove the fastforward/rewind motion when the gallery is set to autostep.

Any ideas? Same file as you uploaded but with the effect removed from autostep.

04-03-2009, 03:43 AM
Hello again! Now I need to remove the fastforward/rewind motion when the gallery is set to autostep.

Any ideas? Same file as you uploaded but with the effect removed from autostep.

Untested, but inside the modified .js file, try finding the line in red below, and add to it the following two lines:

var speed=Math.abs(config.currentpanel-pindex)<=1 ? config.panelbehavior.speed : 1
if (config.autostep && config.autostep.enable && config.autostep.status!="stopped")

04-03-2009, 08:25 AM
I tried adding the extra lines, but it still has the animated motion.

Any ideas? :)

04-03-2009, 08:41 PM
Just to clarify, by "animated motion", do you mean the original effect, or the modified "jump straight to" effect that you want to remove when in auto rotation?

11-23-2009, 12:09 AM
I'm trying to achieve this as well. I need it to jump straight to the selected slide with no "sliding" whatsoever, even if it's going to the very next one. I need it to just appear. I tried these modifications but they don't seem to work. The modified JS file that you provided DOES work but I need it to be no animation for the forward/back buttons as well as the thumbnails that go to a slide. Anybody?