Flipflop | JavaScriptSource


Colin Patterson Oct 2, 2002
This script alternately "flips" and "flops" between two images, with adjustable smoothness, speed and pauses. It may be useful as an alternative to a crossfade. Works in MSIE and Netscape.

It may be useful as an alternative to a crossfade, where you want to create movement to attract attention, or where you want to show two images with equal prominence that don't necessarily look well together (I wrote it to show two dissimilar corporate logos). Small images are less taxing on system resources and will appear smoother in operation.

It is important that:

  1. The two images are square and of the same size, and
  2. The difference between wdmax (maximum width of square image) and wdmin (minimum thickness edge-on image) is an exact multiple of inc (the step change); otherwise the image will flip once and disappear.

If only requiring movement in one direction, set the "ff" variable to it, and delete or change the subsequent resetting of this variable accordingly.

The JavaScript Source: Image Effects: Flipflop

Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!


Did you use this script?  Do you like this site?  Please link to us!

Leave a Response