###Big New Feature:
Multiple Carousels on the same page. This has resulted in a major change in how you build up the page – each Carousel has to be grouped together with its controls so that each set knows what to do.
###Minor New Feature:
You can now have more than one set of forward/back controls per carousel.
###Another Minor New Feature:
You can set a CSS style on the “active” tab, so that the chosen tab will stand out in some way. This is not quite as great as it might be, since there’s not much you can do to an image with CSS, but you can do clever things with borders, or if your tab image is transparent, you can set a background-color on it to set it off from the rest. I’m still thinking about how to make this part better.
And almost immediately, I noticed a tiny bug. Previously, if you clicked on the previous/next buttons, the “active” tab style did not follow the current pane. This has been fixed, and the files on the server are updated to include this.
Great, great stuff Walter! I am working on a project now in which I am using your instructions. It is indeed a marvelous effect - at least I think it is
I know that there are many ‘gadgets’ to make a website, but this effect has an elegant side!
I just wonder if you allhave some tips/ideas: what if there is more text than we can fit on a ‘fixed’ page/size of for instance 1000x700? What is the most elegant way to make the etxt accessable without messing up to much?
Would be great to have some ideas. Thanks!
As to making the text fit, here’s an idea – set the overflow on your
too-tall text box to Auto. This is a new feature in Freeway 5, but
you can also do this in Freeway 4 with an Action; I think it’s called
Wedge Layer or something like that.
Two important notes about this idea:
I haven’t tested it at all in FW5.
I haven’t tested using this Action or even other Actions on the
individual panes of a carousel.
Please do try it, and let me know what happens. If something about #2
above causes grief, there is a limited amount of fiddling I can do
within the Action publishing sequence to fix it. But it’s very
possible that you will not be able to use this Action, or even any
Action, within the Carousel Action design area as it is currently
conceived.
Walter
On Jan 19, 2008, at 3:13 AM, paulvw wrote:
Great, great stuff Walter! I am working on a project now in which I
am using your instructions. It is indeed a marvelous effect - at
least I think it is
I know that there are many ‘gadgets’ to make a website, but this
effect has an elegant side!
I just wonder if you allhave some tips/ideas: what if there is more
text than we can fit on a ‘fixed’ page/size of for instance
1000x700? What is the most elegant way to make the etxt accessable
without messing up to much?
Would be great to have some ideas. Thanks!
OK Walter, I’ll play around with it. I just downloaded FW5, but have no idea which action will work anyways in this beta. Always a challenge
I’ll let you know.
Okay, the Freeway 5 bug has been fixed, and in the process I also
kept the Action from writing out a separate set of CSS styles for
each Carousel you have on the page. Two bugs for the price of one.
For the curious, the problem was that the new behavior in Freeway 5
is to explicitly set the overflow to visible, where previously it was
only set if an object had been set to something else. My Action added
the overflow: hidden rule, but then Freeway came along after that
with a second (invalid) overflow: visible rule. So the Carousel would
spill out of its container, and fail to work at all.
This was an easy one-line fix.
SetCSSAttribute(wrapper,"style","overflow",null);
Walter
On Jan 21, 2008, at 5:06 PM, Walter Lee Davis wrote:
I have a repeatable bug report about this, and it’s an easy fix.
Tonight, maybe tomorrow at the latest.
When I updated the Action to permit multiple Carousels on the page, this introduced a minor regression. If you wanted to have a Carousel with no controls on it, you would need to group your Carousel panes, apply the Action, and then group it again, even though there were no controls to group with it.
I have fixed this, and there’s a new version available for download in the usual spot:
Beautiful design, but set your background to Scroll! (Close up the
window size, so you get vertical scroll bars, and then scroll the
page for an unwelcome surprise!)
I am busy with a website: photos, text and banner etc are not finished yet, but the frame is there on a test URL: http://www.portret-art.nl/hsa
I noticed that that pani/coda website scrolls quite a bit faster. Any idea why that is?
There’s a preference in the Glider.js code to cover that. Would you
like me to expose it in the Actions palette? Currently it’s set to
take a half-second to move from one state to the next.
Walter
On Jan 23, 2008, at 9:58 AM, paulvw wrote:
I am busy with a website: photos, text and banner etc are not
finished yet, but the frame is there on a test URL: http://
www.portret-art.nl/hsa
I noticed that that pani/coda website scrolls quite a bit faster.
Any idea why that is?
Another thought is that your design is very heavy – lots of
individual elements in each pane that the browser has to draw and
animate. Panic’s hand-coded site has a lot fewer (and smaller)
elements to move around, and fewer structural elements.
Walter
On Jan 23, 2008, at 9:58 AM, paulvw wrote:
I am busy with a website: photos, text and banner etc are not
finished yet, but the frame is there on a test URL: http://
www.portret-art.nl/hsa
I noticed that that pani/coda website scrolls quite a bit faster.
Any idea why that is?