The Xara Xone Tutorials XaraXone Xara Tutorials  Page 9
0   1   2   3   4   5   6   7   8   9   10   11   12   13   Download Zipped Tutorial

THE XARA XONE | XARA.COM | THE XARA CONFERENCES

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.

 

LAST PAGE   1   2   3   4   5   6   7   8   9   10   11   12   RESPONSE PAGE   NEXT PAGE