Drop Menu Magic supports the use of image-based trigger links with preloading, swapping, multiple state management and current-marking automatically handled.
The system supports up to 3 different image states:
The system automatically loads the appropriate image according to the Image Swap option selected in the User Interface. When you choose an image in the Drop Menu Magic interface, you only choose the Normal (base) image. The system will look at your Swap Options and, if additional images are required, they will be located automatically in the folder that contains your Normal state image.
This automation requires that you follow an image file naming convention. Your Normal image file name can be anything you like—but you must follow a naming convention for the Over and Down state images. If your Normal image is named myButton.gif, the following conventions must be used:
The basic image name must be the same for all button images, but the suffix you use to differentiate the additional state images can be anything you like.
1. Open the p7DMMscripts.js file located in the p7dmm folder. Near the top of the file you will see 2 lines:
var p7DMMover='_over';
var p7DMMopen='_down';
2. To change the naming convention simply change the assigned text that follows the equal (=) sign in each of the three lines.
For example, if you want to change the naming convention to use the suffixes _hover, and _open, change the assignments so they look like this:
var p7DMMover='_hover';
var p7DMMopen='_open';
3. Save and close the file.
Now the Drop Menu Magic system will use this revised naming convention to locate your state images. The image file names, using this customized naming convention, would look like:
As you can see, any naming convention will work by managing the text assignment for each image state in the scripts file.
Note: If you create a system in another folder or site, and you want to use a revised naming convention, you will need to update the script file in that folder.
© Copyright 2013 Project Seven Development. All Rights Reserved.