Home Products Purchase Support Examples          

This photo frame was created using the Flowing Clouds animation and the Craft Scissors cell pattern.
The animation is tiled so the animated gif width and height are smaller then the photo size. This also enable to minimize the animated gif file size to load it quickly in the browser.
This is the table tag of the framed photo:

<table width="561" height="667" border="0" cellpadding="0" cellspacing="0" background="photoframe1.gif" bgcolor="#ffffff">
<tr>
<td>
<table width="561" height="667" border="0" cellpadding="0" cellspacing="0" background="photocell1.gif">
<tr>
<td>
<table width="561" height="667" border="0" cellpadding="0" cellspacing="12">
<tr>
<td bgcolor="#ffffff"><img src="photo1.gif"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

The image photoframe1.gif is the animated gif file. The image photocell1.gif is a cell pattern. It is partly transparent to show the animation and partly with the background color. The image photo1.gif is the digital photo.

Generally speaking the Cell Pattern can be combined with the animation or can be saved to a separate Cell pattern gif file. When the cell pattern is separated the width and height of the animated gif can be smaller to load it quickly to the browser.

To separate the animation from the cell pattern select the Save Cell Pattern to a New Gif File Checkbox in the Cell Pattern dialog. In the Craft Scissors dialog specify the photo width and height to make the frame in the right size. To match your page background color select the cell color from the Table Properties Dialog before selecting the cell pattern.