[Pro] scrolling window.

I’m puttting together a website to show my work, and having difficulty solving a problem.

I’d like to build a page to show storyboards, and I’m trying to make it so the viewer can click on various thumbnails of different storyboards, and the chosen one would appear in a window inset in the page that has a scroll bar so that they could scroll down to view the whole thing.

Is there a specific action that could help me out?

Linus


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

Have you seen anything similar anywhere that we could see at to get a better understanding of what you are looking for.

David


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

I’m not sure about your intent, but these threads may be of assistance:

http://www.freewaytalk.net/thread/view/27309#m_77540

http://www.freewaytalk.net/thread/view/85621#m_85675


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

I was thinking it would be quite a common thing, but now that I try and find a site that has done what I have in mind I can’t see any. Actually the closest thing I can find easily is this comment window which becomes scrollable once enough is written in it to fill the available space, except I wouldn’t want people to write in it, but to view images. I would also want the content to change when different buttons are pushed.

Basically, the storyboards I want to show have been cut together in photoshop so that one file contains about eight drawings arranged in a vertical strip that is about 400pixels wide, and 2400pixels tall and I was trying to come up with an elegant solution to allow the viewer to scroll through the drawings in the order of the narrative. I suppose I could have them open in a pop-up window with a scroll bar although it doesn’t seem like it would be as nice a solution as having them open in a window that was embedded in the web-page. Conversely I could just have the eight drawings show up one after another in a frame, but again it doesn’t appeal to me as much as a scrolling window.

Hopefully this has made my aim a bit clearer.

Linus


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

I was thinking it would be quite a common thing, but now that I try and find a site that has done what I have in mind I can’t see any. Actually the closest thing I can find easily is this comment window which becomes scrollable once enough is written in it to fill the available space, except I wouldn’t want people to write in it, but to view images. I would also want the content to change when different buttons are pushed.

Basically, the storyboards I want to show have been cut together in photoshop so that one file contains about eight drawings arranged in a vertical strip that is about 400pixels wide, and 2400pixels tall and I was trying to come up with an elegant solution to allow the viewer to scroll through the drawings in the order of the narrative. I suppose I could have them open in a pop-up window with a scroll bar although it doesn’t seem like it would be as nice a solution as having them open in a window that was embedded in the web-page. Conversely I could just have the eight drawings show up one after another in a frame, but again it doesn’t appeal to me as much as a scrolling window.

Hopefully this has made my aim a bit clearer.

Linus


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

Surely this 400 X 2400px image is a large download.

Why not cut them up and use Carousel to display the consecutively.

D


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

You could try using Target Show/Hide Layer for this (along with
Rollover to trigger it into view). Your layer, which would contain the
frames of your storyboard, should be the width of your images + 24px
(at least) for a vertical scrollbar. Place all of your images into
this layer as inline images: double-click in the box so you get a text
cursor, then choose Insert / Graphic Item from the main menu. Click
once on this box, File / Insert to get your picture, and then resize
to fit the contents with Shift-Command-D. While the box is still
selected, copy it to the clipboard. Then double-click next to it, and
hit the down-arrow a bunch of times until you’re sure your text cursor
is below it. Paste as many times as you have additional images. Don’t
worry that these images “hang out” of the bottom of your layer. Change
each one to the next frame by clicking once on it and inserting the
appropriate image. Last, click once on the outer HTML box (layer) and
change the Overflow picker in the Inspector to Auto.

So now you have an HTML box that shows a scrollbar in the middle of
your page. Your inline images should appear inside this box and let
you scroll them.

To make this box appear when needed, apply Target Show/Hide Layer to
the box, set it to Initially Hidden, and experiment with the other
settings. I think Sticky is what you’ll end up with. The target number
should be unique on the page if you have more than one of these
storyboards to show. Set your first one to 1, but remember to set any
others to 2, 3, 4, etc.

Then if you want this box to appear when a thumbnail image is clicked,
draw that thumbnail on the page somewhere. Apply Rollover to it, and
change the Click number on that image to match the target number you
set in your layer.

Preview. Your floating layer should not appear on screen until you
click the thumbnail image for it.

Walter
On Feb 18, 2011, at 5:04 PM, linus bern wrote:

I was thinking it would be quite a common thing, but now that I try
and find a site that has done what I have in mind I can’t see any.
Actually the closest thing I can find easily is this comment window
which becomes scrollable once enough is written in it to fill the
available space, except I wouldn’t want people to write in it, but
to view images. I would also want the content to change when
different buttons are pushed.

Basically, the storyboards I want to show have been cut together in
photoshop so that one file contains about eight drawings arranged in
a vertical strip that is about 400pixels wide, and 2400pixels tall
and I was trying to come up with an elegant solution to allow the
viewer to scroll through the drawings in the order of the
narrative. I suppose I could have them open in a pop-up window with
a scroll bar although it doesn’t seem like it would be as nice a
solution as having them open in a window that was embedded in the
web-page. Conversely I could just have the eight drawings show up
one after another in a frame, but again it doesn’t appeal to me as
much as a scrolling window.

Hopefully this has made my aim a bit clearer.

Linus


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

Perhaps that is a better solution, this is the first site I’ve tried to build so I’m still figuring out what makes the most sense and is most practical.


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

Thanks guys, you’ve given me a few good options to investigate, I’m sure one of these will solve my problems.


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

And Walter’s Carousel also works vertically

D


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

Quick example at http://www.deltadesign.co/examples/storyboard.html

D


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