Inserts Transition Script
Prompts for image used
Replaces transition name

How to use it:  This button inserts the Transition script.  It causes a selected image to enter and leave the screen at a fixed interval by means of a particular effect that you choose.  There are 24 possible effects that you can use for this, they are:

0     Box in
1     Box out
2     Circle in
3     Circle out
4     Wipe up
5     Wipe down
6     Wipe right
7     Wipe left
8     Vertical blinds
9     Horizontal blinds
10   Checkerboard across
11   Checkerboard down
12   Random dissolve
13   Split vertical in
14   Split vertical out
15   Split horizontal in
16   Split horizontal out
17   Strips left down
18   Strips left up
19   Strips right down
20   Strips right up
21   Random bars horizontal
22   Random bars vertical
23   Random

When you use this button, you will first be prompted for an image.   After you have chosen an image, you will once again see the Replace dialog (told you you'd see this a lot...).  Once again, ensure that the Search For: field reads "replace".  In the Replace With: field, enter the number above that corresponds with the effect you wish to use (i.e. enter 23 if you wish to set the effect to Random). 

That's all there is to this script.  The way it is set up, this is probably best used with an image that is intended as a sig.  You can take this further, as this is a very powerful feature and you can produce some astounding effects with this button.  But for each new image or transition you add, another function in the script is needed.  Knowing that there was just no way to set it up so that you could do multiple images / effects properly, I've opted to set it up in a rather basic configuration.

If you wish to add more images / effects to your stationery, then I'm afraid that you'll have to get your hands dirty and write a little code. The line with the <img> tag will need to be duplicated, also a new function (or two) will need to be added to the script.  It actually isn't as complicated as that sounds as you basically just need to copy the existing functions and make a few modifications.  If you try this, just be sure to give all objects in your functions a new name.  I forgot once and had some extremely strange results.



There are actually quite a few things that you can customize in this script.

In the line with the <img> tag:

<IMG align="left" id=revealpict src="image.file" style="FILTER: revealTrans(duration=5, transition=23); VISIBILITY: hidden">

There are several items you can change.  For starters, the default alignment of the image is set to "left" so that any text will flow around the image.  You can change this to either "center" or "right", for that matter, you could remove this entirely if you wish.

For total control over where the image will appear on the screen, you can use the Absolute Position option on the Right Click menu.  If you are working with multiple effects / images you will almost definitely wish add the positioning line to ensure that everything displays properly.

The last item you can change in this line is the duration=5 part.  This item determines how long (in seconds) that the transition effect will last.  In this case the effect will last for 5 seconds.

Next, in the script itself, you will notice several lines that look like this:

setTimeout('functionName()', 10000);

This line creates a short delay before the named function is run.  As you know, this script causes an image to transition onto the screen, then after a short pause it transitions off.  After another short pause, it begins again.  The line shown above is what creates those short pauses.

The value of 10000 represents the time in milliseconds before the named function is called.  In this case, the value of 10000 translates to 10 seconds.  Please note, that this delay runs concurrently with the duration that is set for the transition itself.  Thus in the default script, the short pause you see will only appear to last 5 seconds.

By altering the duration and the timeouts in the script you can exert fine control over when the image will enter and leave the screen.

Please see Customizing for instructions on how to make permanent changes to this script if you should wish to do so.