To incorporate an image slideshow:
Step 1: include jquery and innerfade files
<script type="text/javascript" src="jquery-1.2.6.min.js"></script> <script type="text/javascript" src="jquery.innerfade.js"></script>
Step 2: include this jquery script in the header
<script type="text/javascript">
$(document).ready(
function(){
$('ul#portfolio').innerfade({
speed: 1000,
timeout: 5000,
type: 'random',
containerheight: '220px'
});
});
</script>
Step 3: the actual list of images
<ul id="portfolio"> <li> <a href="http://..."><img src="xxx.jpg" alt="Good Guy bad Guy" /></a> </li> <li> <a href="http://.../xxx.html"><img src="images/www.gif" alt="Whizzkids" /></a> </li> ... </ul>