5
Replies
5
5
Replies
LEGEND
,
Hi Malcolm
If I'm understanding you correctly, you do this by creating a larger image containing all the elements you want. You then make a good portion of the image transparent. This leaves behind only the elements you want to see.
I've placed one such example on my site for you to look at. See if this is what you are trying to do. When you click the link, you should see just a dialog. You then mouse over the fields of the dialog to see the changes.
Click here to see the example
Cheers... Rick
If I'm understanding you correctly, you do this by creating a larger image containing all the elements you want. You then make a good portion of the image transparent. This leaves behind only the elements you want to see.
I've placed one such example on my site for you to look at. See if this is what you are trying to do. When you click the link, you should see just a dialog. You then mouse over the fields of the dialog to see the changes.
Click here to see the example
Cheers... Rick
LEGEND
,
Hi again Malcolm
Here it is in a nutshell. I created a rollover caption for that area. Position the caption exactly where you want it. Then preview it in any way that works. Either within Captivate or in the browser. While previewing, mouse over the area so you see the dialog and the caption together. Then screen capture the caption as it is displayed on top of the dialog.
Now comes the fun part! You edit the screen capture to erase what you don't need to see. This would include the dialog. However, you do want to keep part of it visible in order to create the red outline. Once you get the red outline, you can then erase all the remaining bits. What you end up with is an image that contains only the text caption and the red outline.
Now flood fill the background with a color that isn't used elsewhere. I tend to use hot pink a lot. You do this so all that area becomes transparent.
Now save the image and insert it as a rollover image! You will probably find that working this way will force you to initially grab a sizing handle on the image and scale it way tiny just so you can position and size the rollover area. But the neat part is that you can just double click the image later to get at the properties. Then click the "Reset to original size" button to "re-inflate" it back to what it should be.
With Captivate 2 this whole process should be much easier because once you get the rollover area and rollover image placed, you can then hide it by clicking the right spot in the timeline.
Hope this helped... Rick
Here it is in a nutshell. I created a rollover caption for that area. Position the caption exactly where you want it. Then preview it in any way that works. Either within Captivate or in the browser. While previewing, mouse over the area so you see the dialog and the caption together. Then screen capture the caption as it is displayed on top of the dialog.
Now comes the fun part! You edit the screen capture to erase what you don't need to see. This would include the dialog. However, you do want to keep part of it visible in order to create the red outline. Once you get the red outline, you can then erase all the remaining bits. What you end up with is an image that contains only the text caption and the red outline.
Now flood fill the background with a color that isn't used elsewhere. I tend to use hot pink a lot. You do this so all that area becomes transparent.
Now save the image and insert it as a rollover image! You will probably find that working this way will force you to initially grab a sizing handle on the image and scale it way tiny just so you can position and size the rollover area. But the neat part is that you can just double click the image later to get at the properties. Then click the "Reset to original size" button to "re-inflate" it back to what it should be.
With Captivate 2 this whole process should be much easier because once you get the rollover area and rollover image placed, you can then hide it by clicking the right spot in the timeline.
Hope this helped... Rick
Resources
Help resources
AdChoices