The last step is to edit the HTML script that Xara created (when you exported the sliced image) changing the file extensions on JPEGs 1-7 to GIF as shown below in red.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 transitional//EN"> <html> <head>
<title>Animated Control Panel</title> </head>
<body bgcolor="#ffffff" text="black" link="red" vlink="blue" alink="yellow"> <table
name="XaraTable" border="0" cellpadding="0" cellspacing="0">
<!-- Row 1 --><tr> <td colspan="9"><img name="top"
src="top.jpg" alt="top" width="525" height="150" border="0"></td> </tr>
<!-- Row 2 --><tr> <td><img name="left"
src="left.jpg" alt="left" width="30" height="46" border="0"></td> <td><img name="1" src="1.gif
" alt="1" width="46" height="46" border="0"></td> <td><img name="2" src="2.gif"
alt="2" width="46" height="46" border="0"></td> <td><img name="3" src="3.gif" alt="3"
width="46" height="46" border="0"></td> <td><img name="4" src="4.gif" alt="4"
width="46" height="46" border="0"></td> <td><img name="5" src="5.gif" alt="5"
width="46" height="46" border="0"></td> <td><img name="6" src="6.gif" alt="6"
width="46" height="46" border="0"></td> <td><img name="7" src="7.gif" alt="7"
width="189" height="46" border="0"></td> <td><img name="right" src="right.jpg" alt="right" width="30" height="46"
border="0"></td> </tr>
<!-- Row 3 --><tr> <td colspan="9"><img name="bottom" src="bottom.jpg" alt="bottom" width="525"
height="154" border="0"></td> </tr> </table> <p>
After you make the edits, save the file with an HTM extension in the same directory containing the sliced images and the new animations.
|