Image Action?

I’m trying to design something like this: 404

The interesting thing is that the large images function like a slideshow, but in addition to the image changing a text link above the image, which the user can click on for more information about that particular project also changes.

In addition, the images scale with the size of the browser window, which is also cool, but unnecessary for this particular project. Which action can I use to simulate the first effect with the image and text link?

Thanks,
Kelly


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

The Carousel Action can animate any element or combination of elements in a similar manner, also you could use the ScriptyFader to do this or even the built-in Target Show/Hide Layer. Anything you can group or nest together becomes one layer, and you can treat them as one thing for the purposes of animating between them.

Walter

On Dec 8, 2011, at 3:59 PM, Kelly Crossley wrote:

The interesting thing is that the large images function like a slideshow, but in addition to the image changing a text link above the image, which the user can click on for more information about that particular project also changes.


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

That’s awesome. I used Carousel for a previous project and it worked out great. I’ll give it a try with this site too.

Thanks Walter.


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

On 8 Dec 2011, 8:15 pm, waltd wrote:

The Carousel Action can animate any element or combination of elements in a similar manner, also you could use the ScriptyFader to do this or even the built-in Target Show/Hide Layer. Anything you can group or nest together becomes one layer, and you can treat them as one thing for the purposes of animating between them.

Walter

On Dec 8, 2011, at 3:59 PM, Kelly Crossley wrote:

The interesting thing is that the large images function like a slideshow, but in addition to the image changing a text link above the image, which the user can click on for more information about that particular project also changes.

Walter, I can’t figure out how to make this work. Basically, each image needs to have a different line of text, which describes the image, and once clicked takes you to another page. Help.


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

Okay, I’m good. I was able to get this to work.


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

Start with a blank page, just to get the feel for this.

  1. Draw an HTML box where you want your carousel to appear, the entire size of the carousel area (picture and text). Apply the Carousel Action to that box.
  2. Click once on the box so its handles are showing on the corners and sides. Click on the Graphic Box tool and, beginning and ending entirely over the top of the original HTML box, draw a graphic box to hold your photo. You will know you are doing this correctly if the edges of the HTML box glow blue while you are drawing; this indicates that the HTML box is the parent of the graphic box.
  3. Click once on the HTML box so it is selected again, choose the HTML box tool, and draw a second box directly over the first HTML box. This will be to hold your text caption.

At this point, you have your first pane. You may move or resize either the graphic box or the “child” HTML box within the bounds of the outer HTML box. You may move the outer HTML box anywhere on the page or pasteboard, and all of its children will move along with it. If you duplicate this group of elements (outer HTML box, inner Graphic and HTML child boxes) you will have your first pane, exactly alike to the first pane. Change the Action applied to the outer box from Carousel to Carousel Pane. Then duplicate the copy again and again to make all your additional panes. Once you have updated the graphic box with the correct picture in each, and updated the text (including any links you may need) in the nested HTML box in each, your composition will be complete.

If you look at the original example from back when I wrote the Action, you’ll see exactly this construction in action:

http://scripty.walterdavisstudio.com/carousel

Walter

On Dec 8, 2011, at 9:08 PM, Kelly Crossley wrote:

Walter, I can’t figure out how to make this work. Basically, each image needs to have a different line of text, which describes the image, and once clicked takes you to another page. Help.


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

Thanks Walter. I followed your instructions to the letter and the only way I can get any of my Carousels to work is by also using the page action Remove from RPL.

If I don’t use that the images are slightly offset and they don’t slide properly. Is using Remove from RPL what I should be doing?


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

Yes. I thought I mentioned that quite a while ago, maybe it was in another thread? Carousel has to have its elements removed from RPL or it won’t work at all.

Walter

On Dec 9, 2011, at 10:23 AM, Kelly Crossley wrote:

Thanks Walter. I followed your instructions to the letter and the only way I can get any of my Carousels to work is by also using the page action Remove from RPL.

If I don’t use that the images are slightly offset and they don’t slide properly. Is using Remove from RPL what I should be doing?


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

Gotcha. Thanks for the clarification.


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

Is there anyway that Carousel can simply rotate through a set of images without having to slide all the way back once it reaches the end?

If not, perhaps I can use ScriptFader or the Target Show/Hide Layer, if I can ever figure out the latter action. :slight_smile:


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

perhaps I can use ScriptyFader or the Target Show/Hide Layer

You can.

The Carousel action as it stands cannot scroll endlessly and Walter has intimated that it would need a major rewrite to add that functionality.

So give one of the other 2 methods a go and we will help if required.

D


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