robert: I was wondering since I really don't know java. Is there a way that you could add a way to save the images in another folder for say a gallery of images.
Basicly when a new image is upload instead of deleting the old image it would add it to a image gallery with a 10 image limit. So once it got to the 10 image limit the oldest image would be deleted.
I got this from a webcam program sample webpages.
Code:
<html>
<head>
<title>Webcam</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="refresh" content="30">
<SCRIPT LANGUAGE="JavaScript">
<!--
function ImgError()
{
window.setTimeout("RefreshImage()", "3000" );
}
function StartTimer()
{
window.setTimeout("RefreshImage()", "5000" );
}
function RefreshImage()
{
var now = new Date();
document.camimage.src = "?" + now.getTime();
}
function SaveName()
{
expireDate = new Date;
expireDate.setMonth( expireDate.getMonth() + 6 );
document.cookie = "chatname="+ document.chatform.chatname.value + ";expires=" + expireDate.toGMTString()
}
function SetImage( imglink )
{
var now = new Date();
document.galleryimg.src = imglink + "?" + now.getTime();
RefreshImage();
}
-->
</SCRIPT>
</head>
<body bgColor="#FFFFFF" background="">
<table align="center" bgcolor="#E0E0E0" border="1" cellspacing="1" cellpadding="4">
<tr>
<td>
<table align="center" bgcolor="#E0E0E0" border="0" cellspacing="1" cellpadding="4">
<tr>
<td>
<img name="camimage" src="" onload="StartTimer()" onerror="ImgError()">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center">
<font color="#000000" size="2">My Camera</font>
</td>
</tr>
</table>
<br><br>
<table name="galleryimg" align="center" bgcolor="#E0E0E0" border="1">
<tr>
<td>
<table align="center" bgcolor="#E0E0E0" >
<tr>
<td>
<a href="javascript:SetImage('<!--&& gallery index=1 -->');">
<img border="0" src="<!--&& gallery index=1 thumbnail -->">
</a>
</td>
</tr>
<tr>
<td>
<a href="javascript:SetImage('<!--&& gallery index=2 -->');">
<img border="0" src="<!--&& gallery index=2 thumbnail -->">
</a>
</td>
</tr>
<tr>
<td>
<a href="javascript:SetImage('<!--&& gallery index=3 -->');">
<img border="0" src="<!--&& gallery index=3 thumbnail -->">
</a>
</td>
</tr>
<tr>
<td>
<a href="javascript:SetImage('<!--&& gallery index=4 -->');">
<img border="0" src="<!--&& gallery index=4 thumbnail -->">
</a>
</td>
</tr>
<tr>
</tr>
</table>
</td>
<td>
<img name="galleryimg" border="0" src="<!--&& gallery index=1 -->">
</td>
<td>
<table align="center" bgcolor="#E0E0E0">
<tr>
<td>
<a href="javascript:SetImage('<!--&& gallery index=5 -->');">
<img border="0" src="<!--&& gallery index=5 thumbnail -->">
</a>
</td>
</tr>
<tr>
<td>
<a href="javascript:SetImage('<!--&& gallery index=6 -->');">
<img border="0" src="<!--&& gallery index=6 thumbnail -->">
</a>
</td>
</tr>
<tr>
<td>
<a href="javascript:SetImage('<!--&& gallery index=7 -->');">
<img border="0" src="<!--&& gallery index=7 thumbnail -->">
</a>
</td>
</tr>
<tr>
<td>
<a href="javascript:SetImage('<!--&& gallery index=8 -->');">
<img border="0" src="<!--&& gallery index=8 thumbnail -->">
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
If you save it as a html file you will see what it looks like and thats kinda my idea of the Caverncam and image gallery together or it could be a separate page for the image gallery.
It could show what happened earlier for the people that come late to the caverncam.
Was just curious 