
This would be a "Gallery" page
where pictures/photos can be
shared with your visitors,
or it can also serve as a
portfolio page to show off your own designs/artwork.
These "Back" and "Next" buttons
can be inserted and linked to follow-up pages

You can use them on any of the pages as
needed or desired,
and they are also included in the set's
zip folder.
In order to achieve the animated
butterfly effect on the buttons,
they are each placed into a 150x70 pixel table cell as the cell
background.
Then place the transparent "ButtonOL.gif" into the center of the
table cell
and insert the domroll code that changes the transparent gif to the
animated butterfly gif.
For example, the code for the
"Enter" button below with the butterfly effect
would look like this
<div
align="center">
<table border="0" cellpadding="0" cellspacing="0" width="150"
height="70" background="Enter1.png">
<tr>
<td>
<p align="center">
<img border="0" src="ButtonOL.gif" class="domroll
SingleButterfly.gif" width="150" height="34"></td>
</tr>
</table>
</div>
and the code that activates the
"domroll" script is located in the source code at the bottom of the
page,
just before the closing </body> tag, and the corresponding "chrisdomroll.js"
file is included in the set's zip
folder.
Be sure to place this .js file into the same folder/directory
as any page on which you want to use the rollover effect.
(If the .js file is located somewhere else, you MUST change the code
accordingly to the correct file path!)

|