Okay, here’s what I would do. First, take the button you have created and edit it in an external image editor. Make the canvas twice the height of the original image, and put the pause button on the top half and the play button on the bottom, so it looks like this:
[ || ]
[ > ]
Make note of the height of one half of this button graphic (make sure it’s an even number over all), and save the image in a Web-friendly format like PNG or GIF. Make one more graphic that is entirely clear (so save it as a GIF) that is the exact dimensions of the original combined button (half this height, original width). You should now have two images, one with visible graphics exactly twice the height of the clear one.
Now back in Freeway, replace your button graphic with an HTML box, and import the clear graphic into it (this makes it a pass-through image). Apply the Play/Pause Sequence Timer Action to the new button, and set everything up the way it was before. Make note of the Name/ID value for this graphic (case-sensitive!), as we’ll be using it later.
In the Styles palette, click on the cog icon and choose New Style. In the Tag field, enter a # followed by the Name/ID you wrote down, as in #item42
. Tab into the Name field and delete whatever is there, then tab back out. In the Character picker, select Background Image, and choose your doubled-up button image. Set the background position to left/top + no-repeat.
Create a second style, just like the last one, with the Tag set to #item42.paused
and the name blanked out as before. (Obviously, make the Tag match the real ID of the button.) Click on the Extended button, then New, then enter the following in the Name and Value fields, respectively:
- Name:
background-position
- Value: `0 -30px’
(Adjust that vertical move to match the exact height of the clear button image. You are shifting the background up to reveal the play icon here.)
Finally, apply Protaculous 2 to your page, and in the DOM Loaded Observer editor, enter the following (again, adjust for the actual name of your clear button graphic).
$('item42').observe('click', 'toggleClassName', 'paused');
Yes, this is a long bridge out into the unknown, and it will not look like much of anything in Freeway’s design view, but if you have followed these instructions explicitly, you should now have a button that appears initially to show the pause icon, and when you click it, toggles back to the play icon and vice-versa.
Walter
On Oct 30, 2013, at 2:49 PM, derekzinger wrote:
Ack! So sorry. I guess I’ve reached my multitasking limit today. The hyphen has changed and the URL is now:
http://www.annesivfp.com/recent-exhibitions.html
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