Vertical & Horizontal Carousel Effect Possible?

Freeway
1

Have a look at this: http://quocomputer.com/
For us, Macusers, this website has some interesting news to offer although I don’t think Apple will agree with that. :slight_smile:

What interests me more is the horizontal en vertical scrolling/carousel effects.
I have made some websites already with Walter’s action, but is this also possible with that action?

Paul

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

2

The library that drives my Action can certainly do this, but the
Action doesn’t generate the kind of HTML that would support this.

You can do a sort of version of this to try out the layout (it won’t
scroll smoothly from place to place, but the layout will certainly
work).

  1. Draw an HTML box and make it 100% height x 100% width.
  2. Double-click inside this box to get a text cursor, and Insert /
    HTML Item. Change the name of this item to firstPane or something
    equally memorable.
  3. Double-click inside that box and add some content. Change its
    dimensions, give it a background color, etc. Set it to float left.
  4. Click once on the firstPane box so its selection handles are
    showing, then copy it to the clipboard.
  5. Double-click inside the 100% outer box so you see a flashing text
    cursor next to the first inline box, and paste as many times as you
    like.
  6. Click once on each resulting inline and fix up its name in the
    Inspector, so you have paneTwo, paneThree, etc.
  7. Draw a new HTML box on the pasteboard (so it doesn’t become a child
    element of the 100% box) and drag it over the layout. This will be
    your “palette” with the links. Set it to position:fixed with the
    Inspector, give it a transparent smoke background (because you can)
    and so forth. Use my CSS3 Actions to round its corners and give it a
    drop shadow (oh, now you’re just showing off!).
  8. Inside that palette, draw your link icons for each of your panes.
    Click on the first one, enter the hyperlink dialog (Apple K) and in
    the URL field, enter ‘#paneOne’ without the quotes. Repeat to link all
    of the panes.
  9. Preview. Except for the fact that the transition will be a rapid
    jump rather than a languorous glide, the effect is the same.

This is exactly the same HTML I would use to create this page, and
then the JavaScript could be layered on top of that to make the
behavior happen. A benefit would be that this construction would still
make sense to a screen reader or Google – to them it just looks like
a very tall page.

Walter

On Jun 4, 2009, at 6:44 AM, paulvw wrote:

Have a look at this: http://quocomputer.com/
For us, Macusers, this website has some interesting news to offer
although I don’t think Apple will agree with that. :slight_smile:

What interests me more is the horizontal en vertical scrolling/
carousel effects.
I have made some websites already with Walter’s action, but is this
also possible with that action?

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

3

Great! I assume you are referring to the updated action right? I am still using the old one, because installing teh new one would mean I have to redo the existing websites.

Paul

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

4

I’m not talking about either version of the Action. The library code
(glider.js) that I use permits smooth scrolling in either direction,
but it requires that you pick one and tell it what you mean. There is
another script I have seen that does X/Y smooth scrolling, it would
need to be substituted.

Walter

On Jun 4, 2009, at 7:51 AM, paulvw wrote:

Great! I assume you are referring to the updated action right? I am
still using the old one, because installing teh new one would mean I
have to redo the existing websites.

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

5

Ah! Got it.
It is a great effect though. I’m gonna give it a try.

Thanks Walter.

Paul

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