I am trying to construct a page with 5 distinct rollover areas so that when you mouse-on, a slide-show starts, and when you mouse-off, it stops
I am having partial success with Target Show/Hide Layer action
so far, I can create a stack of images and use the Sequence Timer to fade through the images, and I can create a mouseover Trigger using Play/Pause Sequence Timer
here are my two main problems:
I can only create one sequence on the page - if I create a second stack, it follows the same sequence and rollover trigger - (yes, everything is Indigo - tried assigning 2nd stack to Rose, but could not figure out how to assign Rose a separate trigger)
the slide show plays all the way through - it doesn’t stop when I mouse-off
Questions:
a) is it possible to create multiple slideshows on the same page using Target Show Layer?
b) is it possible to trigger those slideshows from separate rollover areas?
c) is it possible to configure so the slideshow stops on roll-off?
d) how??
the finished effect I am looking for as basically like a simple tab bar, except the bar is the whole page - and the tabs are images which start slideshow-ing when you rollover them
thanks for any assistance (I am building this page for my son’s birthday, which is tomorrow - feverishly combing the archives without success - help!)
seems like I should be able to set up 5 different stacks of images as groups, all with different colors (Indigo, Rose, etc)
and it seems like I should be able to set up 5 different triggers to play/pause those 5 stacks as slide shows
and seems like I should be able to use a rollover area as a trigger, correct? 5 different rollovers
but it seems that I cannot use an item action (Rollover) to trigger another item action (Show/Hide Layer) without using a page action (Sequence Timer) to ‘tie them together’
and it seems that there is only one page action instance available per page (!)
I am sure I am missing something here
why would there be so many different color groups if I could only trigger one per page?
but I can’t figure out how to assign each color group it’s own separate trigger and have 5 different slideshows triggered by 5 different rollovers on one page
(and the Sequence Timer action still doesn’t STOP the slideshow when I roll off)
This is correct of all Actions. If it’s an Item Action you can only apply one of that kind to each item on the page. Applying an Action twice to the same item (using the main menu) results in removing the Action entirely. This is because the checkmark-in-a-menu marker toggles the application of that setting.
Walter
On Oct 7, 2013, at 12:01 PM, rbpspc wrote:
and it seems that there is only one page action instance available per page (!)
I wouldn’t say no way, just no way with Actions that have been written as of today.
Of course, you can write any sort of random effect you want with the Protaculous 2 Action and a keen understanding of JavaScript. Protaculous 2 lets you apply Prototype.js, Scriptaculous (effects library), and other external effects code to your Freeway page, and provides neat insertion points for your custom glue code to wrap these together. It’s a completely different way of working than you may be used to, however.
Do these slideshows appear in a separate area from the tabs themselves? Can you post a link to a mockup that shows the general idea? (You said you could get one of them working, but not multiples – can you show the one, with non-functional buttons for the other four?)
Walter
On Oct 7, 2013, at 12:10 PM, rbpspc wrote:
rats
so no way to have 5 tabs that slideshow when you rollover them?
If you try using the Rollover Action and the Target Show/Hide Action together, you will see what the groups are for. You can set up [Group number] different areas on the same page, each containing 20 substitute elements, and that makes for a LOT of interaction points possible in the same page.
Walter
On Oct 7, 2013, at 12:15 PM, rbpspc wrote:
is there no way to have an Item action trigger another Item action without a page action involved?
This is correct of all Actions. If it’s an Item Action you can only apply one of that kind to each item on the page. Applying an Action twice to the same item (using the main menu) results in removing the Action entirely.
Walter
I understand
I just need one action per item
and I really need only one Page action item also - Sequence Timer
I just need to be able to trigger that same Page action applied to different stacks (groups), depending on where on the page the cursor is (Rollover)
I don’t have a clear understanding of how the Sequence Timer Action works internally. I have never used it.
Here’s one thing you could try (I haven’t tested this at all). Make five different ScriptyInfiniteFader instances on your page, populated with the images in your slideshows. Then also apply the Target Show/Hide Layer Action to those five instances, and set to initially hidden. (This should work, because TS/H uses visibility:hidden instead of display:none, which is what SIF uses to toggle its children.) Then set these TS/H layers to be displayed when their appropriate Rollover buttons are moused over. The SIF animation will be ongoing, just hidden, so you won’t have any guaranteed sequence start point – the images will just fade one into another as long as the slideshow element is visible.
Walter
On Oct 7, 2013, at 12:18 PM, rbpspc wrote:
This is correct of all Actions. If it’s an Item Action you can only apply one of that kind to each item on the page. Applying an Action twice to the same item (using the main menu) results in removing the Action entirely.
Walter
I understand
I just need one action per item
and I really need only one Page action item also - Sequence Timer
I just need to be able to trigger that same Page action applied to different stacks (groups), depending on where on the page the cursor is (Rollover)
2 of the ‘tabs’ are running simultaneous slideshows (both Indigo)
the other 3 are static images
ideally, all 5 would be greyscale images unless rolled-over, when they become color and start slide-showing
(I know how to set initial images as greyed-out, no help needed there)
but if there were some way to have 5 different slideshow stacks assigned to 5 different colors, triggered by rolling over the 5 different ‘tab’ regions, I’d be a happy camper
actually, serious question (after trying for an hour)
how do I create an image in Freeway that disappears on mouseover? seems like this should be as easy as selection ‘visible’ on Initially and ‘Hidden’ on Mouseover, but I can’t find anything so easy
can’t even manage to create a stack with one transparent image - help? (again)
Draw and populate your image box, then duplicate it in place. Remove the image from one of the two with Command-B (doesn’t matter which one). Group the two images, then apply Rollover to the group. Now in the images tab of the Actions palette, click on the Mouseover tab at the top, and start un-checking things until the image you want to have disappear does so.
Walter
On Oct 7, 2013, at 1:44 PM, rbpspc wrote:
actually, serious question (after trying for an hour)
how do I create an image in Freeway that disappears on mouseover? seems like this should be as easy as selection ‘visible’ on Initially and ‘Hidden’ on Mouseover, but I can’t find anything so easy
can’t even manage to create a stack with one transparent image - help? (again)
Order of operations is super-critical. Draw a graphic box, fill it with an image. Next, duplicate that box in place (Command-D with 0, 0 offsets). Finally, click once on the top image and press Command-B to remove its content. Drag a selection rectangle around one corner of the stacked images, and choose Group. Finally apply the Rollover Action to the group itself, not to one or another of the children of that group.
Walter
On Oct 7, 2013, at 2:56 PM, rbpspc wrote:
that’s exactly what I’ve been trying to do, but every time I group the items, I lose the Rollover option