Complicated Carousel Question

Freeway
1

First off a huge thanks to Walt for creating this awesome bit of code.

Now on the to the nitty gritty of what I’m after.

I have created an example site for reference at:
http://fuzedisplays.com/codatester/

As you can see the slider works great, but I have more in store for it and am at a loss as to how to go about it or if it’s even possible without incurring a huge expense of time and or money.

1: The first thing I’d like to change is to have the timer reset after manually advancing the slider frame. I have it set to 5 seconds, but if you wait four seconds and then advance, the next frame is only visible for 1 second. It would be awesome if it reset the timer every time you manually advanced the slider frame. Is this possible?

2: The lower arrangement of four boxes is what I have planned for a second slider. I’d like them to be linked to the correct frame in the top slider. Is it as easy as applying the carousel tab action to the correct box in the lower slider? I’d also like to add a rollover effect to the outer edge of the lower boxes and it appears this should be fairly easy from going through the archives here.

3: Is there a way to have the lower slider only shift 1/4 of the way across the slider? As you can see I have four separate boxes and would like the advancement of the slider to only expose one new box on the far right each time it’s advanced. I’d also like to be able to turn off the automatic advance and have it be only affected by the user’s choice to advance the slider.

Alternatively if there’s some way to link the two so as a new pane that isn’t visible in the lower slider comes up in the top slider, it will auto advance the lower slider to keep the correct panel for the upper slider in the far right position of the lower slider. I would imagine that would be infinitely more complex to create so consider it on my wish list, but not required.

Thanks in advance for any help you guys can offer. I’m seriously deficient in coding skills so this stuff is way over my head.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

On Mar 13, 2011, at 10:07 PM, Curtis Lea wrote:

First off a huge thanks to Walt for creating this awesome bit of code.

Now on the to the nitty gritty of what I’m after.

I have created an example site for reference at:
http://fuzedisplays.com/codatester/

As you can see the slider works great, but I have more in store for
it and am at a loss as to how to go about it or if it’s even
possible without incurring a huge expense of time and or money.

1: The first thing I’d like to change is to have the timer reset
after manually advancing the slider frame. I have it set to 5
seconds, but if you wait four seconds and then advance, the next
frame is only visible for 1 second. It would be awesome if it reset
the timer every time you manually advanced the slider frame. Is this
possible?

Hmmmm. I hadn’t noticed this issue myself. If you use the Carousel Tab
Action to make direct links to your individual panes, then anytime you
click one of the tabs, the entire auto-glide feature is disabled for
the rest of the page view. I should look at adding that to the
previous/next navigation as well, as it’s clearly what the user intent
is – to “take over” from the automatic motion.

2: The lower arrangement of four boxes is what I have planned for a
second slider. I’d like them to be linked to the correct frame in
the top slider. Is it as easy as applying the carousel tab action to
the correct box in the lower slider? I’d also like to add a rollover
effect to the outer edge of the lower boxes and it appears this
should be fairly easy from going through the archives here.

Carousel Tab can only be applied to graphic elements, not HTML boxes
as you have them here. So you’d need to change your layout a little
bit to allow that interaction. If you also create a class-based style
called active, you can signal which of your tabs is the “current” one.
The easiest way to do this is to paste the following into the Before /
HEAD section of the Page / HTML Markup dialog:

<style type="text/css">
.active {
	border: 1px solid red;
	margin: -1px 0 0 -1px;
}
</style>

This will set a red outline on the current tab. You can modify this
style to have a different appearance. One trick I especially like is
to make the tab images 24-bit PNGs, then apply a background-color
instead of a border and negative margin as your .active style. The
background color shows through the image, giving it the look of a
highlight or shade color to signal the movement and linkage between
the carousel and its control.

3: Is there a way to have the lower slider only shift 1/4 of the way
across the slider? As you can see I have four separate boxes and
would like the advancement of the slider to only expose one new box
on the far right each time it’s advanced. I’d also like to be able
to turn off the automatic advance and have it be only affected by
the user’s choice to advance the slider.

No, whatever is visible is considered to be the entire width of a
frame, and how far the effect moves per step. You can’t change the
degree of motion in this Action. You can turn off the auto-glide by
setting its interval value to 0.

Alternatively if there’s some way to link the two so as a new pane
that isn’t visible in the lower slider comes up in the top slider,
it will auto advance the lower slider to keep the correct panel for
the upper slider in the far right position of the lower slider. I
would imagine that would be infinitely more complex to create so
consider it on my wish list, but not required.

Thanks in advance for any help you guys can offer. I’m seriously
deficient in coding skills so this stuff is way over my head.

Glad to help.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Thanks again Walter.

Please let me know if you update the action to change the previous/next button timing.

I’ll try and implement the .active style suggestion. I guess I’ll have to figure out this CSS code stuff sooner rather than later.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options