268 Chapter 11: Slices, Rollovers, and Hotspots
Using external image files for swap image
You can use an image outside the current Fireworks document as the source for a swap image.
Source images can be in GIF, animated GIF, JPEG, or PNG format. When you select an
external file as the image source, Fireworks swaps that file with the target slice when the swap
image is triggered in a web browser.
The file must have the same width and height as the slice it is swapping into. If it does not, the
browser resizes the file to fit within the slice object. Resizing the file may reduce its quality,
especially in the case of an animated GIF.
To select an external image file as the source for a swap image:
1.
While in the Swap Image, Nav Bar Over, or Nav Bar Down dialog box, select Image File
and click the folder icon.
2.
Navigate to the file you want to use, and click Open.
3.
If necessary, deselect Preload Images (if the external file is an animated GIF).
Precaching can interrupt the display of animated GIFs as rollover states. To avoid this
problem, deselect Preload Images when setting up the rollover.
NO
TE
If you don’t see this option in the Swap Image dialog box, select More Options and
then perform step 1.
NO
TE
If you plan to export your document for use on the web, be sure that your external
image file is accessible from the exported Fireworks HTML. Fireworks creates
document-relative paths to image files. It is a good idea to place external files in your
local site before using them as swap images in Fireworks. When you upload your
files to the web, be sure that the external image file is uploaded as well. For more
information on Fireworks HTML, see
“Exporting HTML” on page 357
.
Summary of Contents for FIREWORKS 8
Page 1: ...Using Fireworks...
Page 78: ...78 Chapter 3 Selecting and Transforming Objects...
Page 142: ...142 Chapter 5 Working with Vector Objects...
Page 166: ...166 Chapter 6 Using Text...
Page 192: ...192 Chapter 7 Applying Color Strokes and Fills...
Page 234: ...234 Chapter 9 Layers Masking and Blending...
Page 250: ...250 Chapter 10 Using Styles Symbols and URLs...
Page 324: ...324 Chapter 13 Creating Animation...
Page 372: ...372 Chapter 14 Optimizing and Exporting...
Page 444: ...444 Chapter 16 Automating Repetitive Tasks...
Page 454: ...454 Chapter 17 Preferences and Keyboard Shortcuts...
Page 472: ...472 Index...