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?
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.
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.
Start with a blank page, just to get the feel for this.
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.
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.
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:
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.
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?
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?
