HTML Code:
<html>
<head>
<title>Jaged Cam</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<STYLE>
BODY {
font-family: verdana, arial, helvetica, san-serif;
font-size:10pt;
line-height:12pt;
font-style:normal;
font-weight:normal;
color: #ffffff;
text-decoration:none;
scrollbar-face-color:#000000;
scrollbar-shadow-color:#006699;
scrollbar-highlight-color:#006699;
scrollbar-3dlight-color:#006699;
scrollbar-darkshadow-color:#006699;
scrollbar-track-color:#000000;
scrollbar-arrow-color:#FFFFFF;
}
a:link, a:visited {
font-family: verdana, arial, helvetica, san-serif;
color:#006699;
text-decoration:none;
line-height:12pt;
}
a:hover {
color:#006699;
font-family:verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
line-height:12pt;
}
a:active {
color:#CCCCCC;
font-family:verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
p {
font-family:verdana, arial, helvetica, san-serif;
font-size:10pt;
line-height:12pt;
color: #FFFFFF;
}
.navbkd {
background-image: url('http://www.planetside-universe.com/images/layout/bkd_nav.jpg');
background-repeat: no-repeat;
background-position: 0px 0px
}
.header {
font-family:verdana, arial, helvetica, san-serif;
font-size:11pt;
color: #999999;
font-weight:bold;
}
INPUT.text
{
BORDER-RIGHT: #006699 1px solid;
BORDER-TOP: #006699 1px solid;
FONT-SIZE: 8pt;
BACKGROUND: #000000;
BORDER-LEFT: #006699 1px solid;
COLOR: #ffffff;
BORDER-BOTTOM: #006699 1px solid
}
INPUT
{
BORDER-RIGHT: #006699 1px solid;
BORDER-TOP: #006699 1px solid;
FONT-SIZE: 8pt;
BACKGROUND: #000000;
BORDER-LEFT: #006699 1px solid;
COLOR: #ffffff;
BORDER-BOTTOM: #006699 1px solid
}
SELECT
{
BORDER-RIGHT: #000000 0px solid;
BORDER-TOP: #000000 0px solid;
FONT-SIZE: 8pt;
BACKGROUND: #000000;
BORDER-LEFT: #006699 0px solid;
COLOR: #ffffff;
BORDER-BOTTOM: #006699 0px solid
}
RADIO {BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px}
TEXTAREA {BORDER-RIGHT: #006699 1px solid; BORDER-TOP: #006699 1px solid; BACKGROUND: #000000; BORDER-LEFT: #006699 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #006699 1px solid}
</STYLE>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!-- hide
// browser sniffer:
browserVer = parseInt(navigator.appVersion);
if (navigator.appName == "Microsoft Internet Explorer" && browserVer < 4)
{
alert("Internet Explorer 3 users need to hit 'Refesh' to update the image");
}
//this eliminates JavaScript error messages
onError=null
// The variables you need to change are: the filename of the picture,
// the refresh rate, the expected time to download and further down,
// the FORM ACTION (look for the ***).
var picname = "http://www.speakeasy.org/~pj99/mywebcam.jpg"; // set this to the filename of your campicture
var speed = 5; // "var speed" is the refresh rate adjustment in seconds
var y = 2; // expected time to download the picture file. It MUST be
// set at a smaller number than the "speed" variable!
var x = speed; // current countdown
var cachepic = new Image();
// Change "JSCamRemote.html" to whatever you want to call the page that
// opens in the remote window.
function stopClock() {
x = "00";
document.form0.clock.value = x;
}
function startClock() {
if (x != "00") {
x = x - 1;
document.form0.clock.value = x;
if (x == y) {
recache()
}
if (x <= 0)
{
reload()
}
timerID = setTimeout("startClock()", 1000);
}
}
function recache() {
var now = new Date();
var camImg = picname + "?" + now.getTime();
cachepic.src = camImg;
}
function reload() {
document.images.campicture.src = cachepic.src;
x = speed;
document.form0.clock.value = x;
}
//end hide -->
</SCRIPT>
<BODY BGCOLOR="#000000" TEXT="#000066" LINK="#0066ff" ALINK="#ff0000" VLINK="#00aaff">
<TABLE WIDTH="100%" HEIGHT="50" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD ALIGN="CENTER" BGCOLOR="#000000" HEIGHT="5"><TABLE WIDTH="100%" BORDER="0" CELLPADDING="5" CELLSPACING="0">
<TR><TD></TD></TR></TABLE></TD>
</TR>
<TR>
<TD ALIGN="CENTER" BGCOLOR="#000000">
<B>
<FONT FACE="Verdana" SIZE="6" COLOR="#FF0000">
Jaged Cam</FONT></B><Br>
</TD>
</TR>
<TR>
<TD ALIGN="CENTER" BGCOLOR="#000000" HEIGHT="5"><TABLE WIDTH="100%" BORDER="0" CELLPADDING="5" CELLSPACING="0">
<TR><TD></TD></TR></TABLE></TD>
</TR>
</TABLE>
<!-- In the section below, change the form "action" to the name of your page
// (this one) and change "CamPic.jpg" to whatever you call your cam image -->
<FORM ACTION="JScam.html" NAME="form0">
<CENTER>
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" BGCOLOR="ffffff">
<TR><TD ALIGN="center"><IMG
NAME="campicture" SRC="http://www.speakeasy.org/~pj99/mywebcam.jpg" ALT="Picture" BORDER="0" HEIGHT="240"
WIDTH="320" RELOAD="5"></TD>
</TR>
</TABLE>
<FONT SIZE="2" color="006699" face="verdana"><B>Image will reload in <INPUT TYPE="text" NAME="clock" SIZE="3" VALUE=""> seconds.</B></FONT>
<BR>
</CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!-- hide
startClock()
//end hide -->
</SCRIPT>
</body>
</html>
html tags were added. It is the code behond my webcam.