I am trying to synch ‘highlighted’ graphic boxes with the timing of a carousel. http://storymixmedia.com/consumer.html
The timing seems right except that there is a 3-4 sec gap when the sequence timer shows one image to the next.
Is there a way for the sequence timer to have no (or much less) of a time gap?
Thanks.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I don’t know of a way to synchronize these two, they don’t appear to
speak the same language. Here’s an idea, though. Use the Carousel Tabs
Action to highlight the appropriate section of the page, and then just
draw an HTML box or image box over the top of that tab as a “hat” so
that clicks won’t register as part of Carousel and spin the carousel
instead of navigating to your details pages.
Try this on a new page, just so you can abandon it if it doesn’t work
out. Copy your Carousel and all of its Panes to the clipboard, and
paste them on a new page. Then draw a graphic box the approximate
shape of your little lozenges at the bottom of your screen. Don’t put
anything in it, just leave it a blank graphic box. Apply the Carousel
Tab action to it, and assign it to your first pane. Duplicate it three
times, and re-target each of the copies to the appropriate pane. Lay
them out on the page just as you have your current lozenges for each
set of details.
Now, since you have the Auto-glide on, each of these graphics is
currently being assigned the “active” class whenever the appropriate
pane is in view. In your Styles palette, click on the cog menu and
choose New Style. Tab into the “Tag” field, and enter just this:
.active
…with the leading dot – that’s important. Then tab into the Name
field, erase whatever Freeway has helpfully put in there, and tab back
out of the Name field to set the preference that this style not have a
name property.
Click on the Character menu, and choose background-color. Set a light
gray. Okay out of the stack of dialogs, and you should see a new style
in your Styles palette called just .active. As a tag-only style, this
style will now apply to anything that has the classname “active”
applied to it, without you needing to click on anything or apply it in
any manner within Freeway. Because it doesn’t have a name attribute,
it will also publish into every page in your site, or your site-wide
stylesheet, without any further intervention by you.
Now, preview the page. Without you doing anything too difficult, you
should now see what appears to be a gray rectangle stepping across the
bottom of your page, in perfect sync with the carousel above it.
To complete the illusion, create the rest of your lozenge graphic
above each of these graphic boxes as a separate floating layer. Make
sure that the beveled edge image has no background color, so the gray
can show through when it’s active. You should get precisely the look
you want with about half the Actions and probably a tenth of the
number of clicks on interface elements. Plus, it can’t help but stay
in sync with the carousel effect.
Walter
On Jan 6, 2011, at 4:10 PM, george wrote:
I am trying to synch ‘highlighted’ graphic boxes with the timing of
a carousel. http://storymixmedia.com/consumer.htmlThe timing seems right except that there is a 3-4 sec gap when the
sequence timer shows one image to the next.Is there a way for the sequence timer to have no (or much less) of a
time gap?Thanks.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thanks Walter,
I’ll give that a try, sounds like it should work.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Worked like a charm - thanks!
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Update.
I’d like to incorporate showing the button in my boxes as the upper carousel shifts, sort of like 37 signals does (although they are using a show/hide layer I think).
Right now I just show a gray background, but I would like the red Learn More buttons to replace the text when the background is highlighted and not be shown when the pane is not active. See the page: http://storymixmedia.com/consumer.html
Any thoughts? I suppose I could create individual graphics and use the active style, but I am hoping there is a simpler and more flexible alternative.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options