[Pro] Apple Carousel

Freeway
1

Excluding my previous question. Does anyone know how to create a carousel that is identical the the apple carousel on this page? Mac - Apple

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

2

Also I was wondering if I could potentially use this code to create the carousel and import it into freeway. A Beautiful Apple-style Slideshow Gallery With CSS & jQuery - Tutorialzine

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

3

Nate here’s a sample (close but not identical) using FW’s Carousel action http://freshbrand.biz/STUFF/gallery/

The FW 5Pro file is here - http://freshbrand.biz/STUFF/gallery/demo-carousel.zip

Marcel

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

4

Thank you very much. Would you happen to know how to have the tabs indent and the small arrows appear for the current carousel slide?

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

5

Anything that you can do with CSS in a class-based style can be added
to the current tab. You have to set a style called active, and
anything you put in that style will apply only to the currently-
selected tab. I’ve written about this at great length in the past.

Walter

On Sep 13, 2011, at 7:21 AM, Nate wrote:

Thank you very much. Would you happen to know how to have the tabs
indent and the small arrows appear for the current carousel slide?

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

6

OK just so I’m clear. I need to create a new CSS style style and name it active and it will apply to the current selected tab. In addition what is a class-based style? and how do I create one?

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

7

There are three basic types of CSS “selectors” (think of these as the
nouns to the rules’ verbs) – id, class, and tag. When you look in
HTML, you might see something like this:

<div id="foo" class="bar">baz</div>

Within the CSS meant to attach to this element, you could write a rule
like this:

div { color: blue; }

And that would apply to all DIVs on the page, turning their text blue.
Now imagine if you only want some of the DIVs on the page to have red
text. You could write this:

.bar { color: red; }

Now all of the DIVs that have the class “bar” will have red text, and
all other DIVs will have blue text (unless some other more specific
rule applies to them).

Finally, IDs are page-unique by design. There is guaranteed only one
element on the entire page with the ID ‘foo’. To access it, and only
it, you would write this style:

#foo { color: white; }

So to answer your question, a class style would be that middle one. A
class style can apply to any element that has that class applied to it
in HTML. The JavaScript in the Carousel effect adds and removes that
class on the tab images as you navigate within the effect, and you
don’t have to worry about adding it to anything. In Freeway’s Edit
Style dialog, the class attribute is set by changing the Name value at
the top of the dialog. But because Freeway doesn’t publish class-based
styles that aren’t applied to anything in the design interface, you
will have to trick it into creating this class style using the Tag
input instead. Here’s my excruciatingly-detailed treatise on that: http://www.actionsforge.com/articles/view/9-tag-only-styles

What I have recommended in the past is to create a transparent PNG
image for the text of your tab, then apply a style to it to give it
the default background color/layout, and use the active style to
provide the alternate. This gives you full control. If you look at my
example page, I only used borders to signal the “current” tab, but
even that can be effective, given the right design.

Walter

On Sep 13, 2011, at 8:32 AM, Nate wrote:

OK just so I’m clear. I need to create a new CSS style style and
name it active and it will apply to the current selected tab. In
addition what is a class-based style? and how do I create one?

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