image
image
image
image
image
image
image
image
image

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<%
'****************************************************
' put your recordset code here

'****************************************************
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Banner</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>
$(function() {

var marquee = $("#marquee");
marquee.css({"overflow": "hidden", "width": "100%"});

// wrap "My Text" with a span (IE doesn't like divs inline-block)
marquee.wrapInner("<span>");
marquee.find("span").css({ "width": "50%", "display": "inline-block", "text-align":"center" });
marquee.append(marquee.find("span").clone()); // now there are two spans with "My Text"

marquee.wrapInner("<div>");
marquee.find("div").css("width", "200%");

var reset = function() {
$(this).css("margin-left", "0%");
// Set the speed slower by increasing the 10000 number or faster by lowering it
$(this).animate({ "margin-left": "-100%" }, 10000, 'linear', reset);
};

reset.call(marquee.find("div"));

});

</script>
<style type="text/css">
body {
background-color: #6782AF;
}
/* Set the width of the wrapper to match the width of your images */
#wrapper {
width: 780px;
background-color: #000;
margin-right: auto;
margin-left: auto;
}
#code {
padding-top: 50px;
width: 780px;
margin-right: auto;
margin-left: auto;
}
</style>
</head>

<body>

<div id="wrapper">
<div id="marquee">
<%
'****************************************************
' Instead of the table below, place your response.write(MyRandomInfo)

%>
<table>

<tr align="center" valign="top">

<td> <table width="200" border="0" cellspacing="0" cellpadding="30">

<tr>

<td align="center"><a href="#"><img src="http://www.macweb.org/dksart/images/thumbs/sunset.jpg" alt="image" border="0" /></a></td>

</tr>

</table></td>

<td> <table width="200" border="0" cellspacing="0" cellpadding="30">

<tr>

<td align="center"><a href="#"><img src="http://www.macweb.org/dksart/images/thumbs/winter.jpg" alt="image" border="0" /></a></td>

</tr>

</table></td>

<td> <table width="200" border="0" cellspacing="0" cellpadding="30">

<tr>

<td align="center"><a href="#"><img src="http://www.macweb.org/dksart/images/thumbs/lillies.jpg" alt="image" border="0" /></a></td>

</tr>

</table></td>

</tr>

<tr align="center" valign="top">

<td> <table width="200" border="0" cellspacing="0" cellpadding="30">

<tr>

<td align="center"><a href="#"><img src="http://www.macweb.org/dksart/images/thumbs/blue hills.jpg" alt="image" border="0" /></a></td>

</tr>

</table></td>

<td> <table width="200" border="0" cellspacing="0" cellpadding="30">

<tr>

<td align="center"><a href="#"><img src="http://www.macweb.org/dksart/images/thumbs/001.jpg" alt="image" border="0" /></a></td>

</tr>

</table></td>

<td> <table width="200" border="0" cellspacing="0" cellpadding="30">

<tr>

<td align="center"><a href="#"><img src="http://www.macweb.org/dksart/images/thumbs/002.jpg" alt="image" border="0" /></a></td>

</tr>

</table></td>

</tr>

<tr align="center" valign="top">

<td> <table width="200" border="0" cellspacing="0" cellpadding="30">

<tr>

<td align="center"><a href="#"><img src="http://www.macweb.org/dksart/images/thumbs/003.jpg" alt="image" border="0" /></a></td>

</tr>

</table></td>

<td> <table width="200" border="0" cellspacing="0" cellpadding="30">

<tr>

<td align="center"><a href="#"><img src="http://www.macweb.org/dksart/images/thumbs/004.jpg" alt="image" border="0" /></a></td>

</tr>

</table></td>

<td> <table width="200" border="0" cellspacing="0" cellpadding="30">

<tr>

<td align="center"><a href="#"><img src="http://www.macweb.org/dksart/images/thumbs/005.jpg" alt="image" border="0" /></a></td>

</tr>

</table></td>

</tr>

</table>

 

</div>

 

</div>

<div id="code">

asdfas
</div>
</body>
</html>