Flash MX mini slide show

UPDATED - v1.6 - June 22nd 2006 - click here for a list of the enhancements

If you look at the top left of this page, you'll see a series of 3 images fade in and out. The number of images, the rate at which they fade and the rate at which a new one appears are all controlled by the Flash application, using a configuration file supplied with the download. You don't need to know anything about Flash to be able to use this in your web site, just download the sample I've provided and tailor it to your needs.

Usage

Customise the images

To customise the slide show, get hold of some images, resize them to be 157 pixels wide (you can use PaintShopPro - keep the ratios the same to stop the images becoming skewed) and name them from "1.jpg" up to the total number of images you have, if you're using the show in "easy" mode. If you have 10 images, then name your files "1.jpg" to "10.jpg". Copy them all into the directory where you want to keep them and change "slides.txt" to reflect your image choices.
If you're using the show in "advanced" mode, call the images whatever you want and put their names in "slides.txt".
"slides.txt" contains all the information you need to customise the show for your site.

Customise the slide show

"slides.txt" contains the customisation features:

  • "morph" tells the slide show to overlap the image as they fade in/out
  • "background_colour" sets the background colour for the show. You won't see this if morphing is on
  • "num_slides" tells the slide show how many "jpg" files you have
  • "fade_rate" tells the slide show how fast to fade the images in and out. The higher the number, the faster the fade
  • "seconds" tells the slide show how long each slide should be visible. This includes the fade in and fade out times. It normally takes about 3 seconds to fade in and 3 seconds to fade out at a "fade_rate" of 4, so by setting "seconds" to 10, you get 4 seconds of full viewing of the slide
  • "random_slides" tells the slide show to display random images, selected from your list. To tell the slide show to display random images, set this to "yes". To always display your slide show in the order you specify, set this to "no"
  • "random_start" tells the slide show start the slideshow on a random image but to continue with the normal flow of the images. To tell the slide show to start on a random image, set this to "yes". To always display your slide show in the order you specify, set this to "no"
  • If you see the text "Config Error" instead of the images, it means the slide show can't find your "slides.txt" file. Always put the "slides.txt" file in the same directory as "index.swf"
  • Advanced options, starting with v1.1 of the slide show application, can be found in the configuration file, slides.txt

If you feel comfortable working with Flash MX actionscript, click here to download the source and change it to fit any size of slide show images you want.

22/6/06 v1.6 enhancements:
Added random_start option. This lets you start the slide show on a random image but continue with the normal flow of images

3/8/05 v1.5 enhancements:
Removed the random start option and replaced it with a random image option. The slide show will now pull images randomly from the list

11/1/04 v1.4 enhancements:
Fixed some more bugs to do with morphing, such as images not displayed in correct order

11/1/04 v1.3 enhancements:
Fixed a couple of bugs where it wouldn't show the images on the web, just locally on the PC and a delay that was being intoduced at the start when morphing was enabled

10/1/04 v1.2 enhancements:
Morphing added. If you turn on morphing in the configuration file, the images will blend into each other, rather than the background colour becoming visible between each image. You can also specify a background colour for the slide show if you don't want to use morphing.

12/7/03 v1.1 enhancements:
Can now specify where the slides are stored on the server, as well as the names of the slide files. This lets you put multiple slide shows on one page. Just have a copy of index.swf in each slide directory, with a copy of the configuration file for each index.swf

^^ Back to top of page