This is what my code looks like. If anybody sees what I am doing incorrectly I would greatly appreciate it if you point it out to me.
Code: Select all
<html>
<head>
<title>WebGallery_MarkLowe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.bodycenter {
text-align: center;
background-color: #140090;
font-family: "MS Serif", "New York", serif;
font-size: 16px;
font-style: normal;
}
.textregion {
background-image: url(images/slicing01_09.jpg);
font-family: "MS Serif", "New York", serif;
font-size: 30px;
color: #003;
}
.bodycenterCopy {
text-align: center;
background-color: #140090;
font-family: "MS Serif", "New York", serif;
font-size: 16px;
font-style: normal;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<script type="text/javascript" src="highslide/highslide-with-gallery.js"></script>
<script type="text/javascript" src="highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="bodycenter">
<h3>Gallery</h3>
<div class="highslide-gallery">
<ul>
<li>
<a href="highslide/images/large/Plasticleg.jpg" class="highslide"
title="Acrylic Paint"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Plasticleg.jpg" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/Junglebrain.jpg" class="highslide"
title="Acrylic Paint"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Junglebrain.jpg" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/Graveyard.jpg" class="highslide"
title="Acrylic Paint"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Graveyard.jpg" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/Jaw.jpg" class="highslide"
title="Acrylic Paint"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Jaw.jpg" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/Abstract2.jpg" class="highslide"
title="Acrylic Paint"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Abstract2.jpg" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/SaySomething.jpg" class="highslide"
title="Tempera Paint"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/SaySomething.jpg" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/BlueCity.jpg" class="highslide"
title="Acrylic Paint"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/BlueCity.jpg" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/Parkinglot.jpg" class="highslide"
title="Acrylic Paint"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Parkinglot.jpg" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/Abstract_1.jpg" class="highslide"
title="Acrylic Paint"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Abstract_1.jpg" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/Machine.jpg" class="highslide"
title="Acrylic Paint"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Machine.jpg" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/Vader.jpg" class="highslide"
title="Charcoal "
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Vader.jpg" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/DSC05512.JPG" class="highslide"
title="Watercolor"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/DSC05512.JPG" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/DSC05530.JPG" class="highslide"
title="Watercolor"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/DSC05530.JPG" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/Pagoda.jpg" class="highslide"
title="Acrylic Paint"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Pagoda.jpg" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/CandleHouse.jpg" class="highslide"
title="Acrylic Paint"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/CandleHouse.jpg" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/Abstract3.jpg" class="highslide"
title="Acrylic Paint"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/Abstract3.jpg" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/spider2.jpg" class="highslide"
title="Charcoal"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/spider2.jpg" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/DSC05552.JPG" class="highslide"
title="Oil Paint"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/DSC05552.JPG" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/portfolio-piece-1.jpg" class="highslide"
title="Pastel"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/portfolio-piece-1.jpg" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/marleyblues.jpg" class="highslide"
title="Digital"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/marleyblues.jpg" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/asymmetrical2.jpg" class="highslide"
title="Digital"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/asymmetrical2.jpg" alt=""/>
</a>
</li>
<li>
<a href="highslide/images/large/thedespondentthought.jpg" class="highslide"
title="watercolor pencil"
onclick="return hs.expand(this, config1 )">
<img src="highslide/images/thumbs/thedespondentthought.jpg" alt=""/>
</a>
</li>
</ul>
<div style="clear:both"></div></div>
</body>
</html>