Carousel Action

The latest version of the Carousel Action has been posted, along with an example page and some rudimentary instructions.

###Demo:
http://scripty.walterdavisstudio.com/carousel/carousel.html

###Freeway file:
http://scripty.walterdavisstudio.com/carousel/coda.freeway.zip

###Action:
http://freewaypro.com/actions/downloads/protaculous.fwactionb.zip

###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.


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

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.

Walter


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

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 :wink:
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!

Paul


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

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:

  1. I haven’t tested it at all in FW5.
  2. 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 :wink:
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!

Paul


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

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 :wink:
I’ll let you know.

Paul


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

Pretty cool, tried it in FW 4 Pro… Great effect. Thanks!


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

Er, doesn’t seem to work in FW5… Darn!


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

I have a repeatable bug report about this, and it’s an easy fix.
Tonight, maybe tomorrow at the latest.

Walter

On Jan 21, 2008, at 2:56 PM, dhrose wrote:

Er, doesn’t seem to work in FW5… Darn!


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

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.

Walter

On Jan 21, 2008, at 2:56 PM, dhrose wrote:

Er, doesn’t seem to work in FW5… Darn!


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


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

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:

http://freewaypro.com/actions/downloads/protactulous.fwactionb.zip

Walter


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

Link broken???


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

on 22/1/08 21:54, dhrose at email@hidden wrote:

Link broken???

Hi, go here and select the action from the list:

http://freewaypro.com/actions/downloads/

Best wishes Peter

================================
Peter Tucker, Oxford UK email@hidden


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

Used it right here
http://www.freshbrand.com/Logos.html

Also built this one with FW5, css and html validates.


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

On 23 Jan 2008, at 04:22, Marcel wrote:

Used it right here
http://www.freshbrand.com/Logos.html

VERY nice, if I may say so!

best wishes

Paul Bradforth

http://www.paulbradforth.com


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

Sorry, typo!!

http://freewaypro.com/actions/downloads/protaculous.fwactionb.zip

Walter

On Jan 22, 2008, at 4:54 PM, dhrose wrote:

Link broken???


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

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!)

Walter

On Jan 22, 2008, at 11:22 PM, Marcel wrote:

Used it right here
http://www.freshbrand.com/Logos.html

Also built this one with FW5, css and html validates.


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

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?

Paul


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

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?

Paul


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

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?

Paul


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

Yeah, indeed. It is a bit heavier, isn’t it? Although I had a feeling that www.freshbrand.com/Logos.html is also a bit slower and that design is light?!


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