CptAwesome — Sat, 14 Jan 2006 17:00:50 +0000

var showing_image = 0;
function swap_cam(){
	var minutes = 5 // change this to whatever
	obj = documnet.getElementById('webcam_image');
	if(showing_image == 1){
		new_src = 'images/cam1.jpg';
		showing_image = 0;
	}else{
		new_src = 'images/cam2.jpg';
		showing_image = 1;
		}
	setTimeout("swap_cam()",minutes*60*1000);
	}


then in the html put 
<body onload="swap_cam()">

<img src="images/cam1.jpg" id="webcam_image" />

SonicAdvDX — Wed, 11 Jan 2006 01:09:56 +0000

Um... Sorry about double posting, but can anybody help me with this?

~Adam "SonicAdvDX"

SonicAdvDX — Fri, 06 Jan 2006 22:09:11 +0000

Um, well, would it be too much trouble for you to do it? I mean, my friend made that script for me, so I really don't know much about JavaScript, or PHP.

~Adam "SonicAdvDX"

bja888 — Fri, 06 Jan 2006 21:40:47 +0000

LOL! I was wondering how you got a cam working with javascript...
Your just refreshing the image!

How well do you know javascript?
Can I tell you what to do or do you want me to edit your current script?
Do you know any php/asp? Does your server support eather?

SonicAdvDX — Fri, 06 Jan 2006 21:16:08 +0000

Actually, I think I explained that a little vaguely... I'm not looking for a re-direct script. Here, let me go into detail.

What I am trying to do is take the following two scripts, and make them switch every ten seconds, but still stay on the main page... (Here is the page I am trying to put it on.)

&lt;script LANGUAGE="JavaScript"&gt;
<!--
browserType = navigator.appName;		
newImage = new Image();
document.onstop = document_onstop;

function startstop_onclick()
{
	if (startstop.value == "Turn Me Off")
	{
		stopLoad();
	}
	else
	{
		startstop.value = "Turn Me Off";
		newImage.onload=loadNewImage;
		loadNewImage();
	}
}

function document_onstop()
{
	stopLoad();
}

function stopLoad()
{
	newImage.onload="";	
	startstop.value = "Turn Me On";
	window.status = "On an Easter Egg Hunt?";
}

function loadNewImage()
{
    uniq = new Date();
    uniq = uniq.getTime();
    document.images.webcam32.src=newImage.src;
    newImage.src="http://192.168.1.103:7778/video/pull?"+uniq;
    window.status = "On an Easter Egg Hunt?";    
}
function initialImage()
{
	uniq = new Date();
	uniq = uniq.getTime();
	newImage.onload=loadNewImage;
	newImage.src="http://192.168.1.103:7778/video/pull?"+uniq;
    document.images.webcam32.onload="";

}

if (browserType == "Netscape")
{
	document.write('<IMG SRC="http://192.168.1.103:7778/video/push" width=155 height=116 style="width: 155px; height: 116px; background-image: URL(<a href="http://armoth.sytes.net:1984/~sonicadvdx/Layout2/Live_off_t.JPG" class="bb-url">http://armoth.sytes.net:1984/~sonicadvdx/Layout2/Live_off_t.JPG</a>);">');
}
else
{
	document.write('<IMG SRC="http://192.168.1.103:7778/video/pull" name=webcam32 onload="initialImage()" width=155 height=116 style="width: 155px; height: 116px; background-image: URL(<a href="http://armoth.sytes.net:1984/~sonicadvdx/Layout2/Live_off_t.JPG" class="bb-url">http://armoth.sytes.net:1984/~sonicadvdx/Layout2/Live_off_t.JPG</a>);">');
}
//-->

if (browserType == "Netscape")
{
	document.write('<style type= "text/css"> #chatbox { position: relative; top: -25px; } </style>');
}
&lt;/script&gt;

That is the first webcam to be cycled through.

&lt;script LANGUAGE="JavaScript"&gt;
<!--
browserType = navigator.appName;		
newImage = new Image();
document.onstop = document_onstop;

function startstop_onclick()
{
	if (startstop.value == "Turn Me Off")
	{
		stopLoad();
	}
	else
	{
		startstop.value = "Turn Me Off";
		newImage.onload=loadNewImage;
		loadNewImage();
	}
}

function document_onstop()
{
	stopLoad();
}

function stopLoad()
{
	newImage.onload="";	
	startstop.value = "Turn Me On";
	window.status = "You are watching my webcam... I am happy...";
}

function loadNewImage()
{
    uniq = new Date();
    uniq = uniq.getTime();
    document.images.webcam32.src=newImage.src;
    newImage.src="http://192.168.1.103:7777/video/pull?"+uniq;
    window.status = "You are watching my webcam... I am happy...";    
}
function initialImage()
{
	uniq = new Date();
	uniq = uniq.getTime();
	newImage.onload=loadNewImage;
	newImage.src="http://192.168.1.103:7777/video/pull?"+uniq;
    document.images.webcam32.onload="";

}

if (browserType == "Netscape")
{
	document.write('<IMG SRC="http://192.168.1.103:7777/video/push" width=320 height=240 style="width: 320px; height: 240px; background-image: URL(<a href="http://armoth.sytes.net:1984/~sonicadvdx/Layout2/Live_off.JPG" class="bb-url">http://armoth.sytes.net:1984/~sonicadvdx/Layout2/Live_off.JPG</a>);">');
}
else
{
	document.write('<IMG SRC="http://192.168.1.103:7777/video/pull" name=webcam32 onload="initialImage()" width=320 height=240 style="width: 320px; height: 240px; background-image: URL(<a href="http://armoth.sytes.net:1984/~sonicadvdx/Layout2/Live_off.JPG" class="bb-url">http://armoth.sytes.net:1984/~sonicadvdx/Layout2/Live_off.JPG</a>);">');
}
//-->
if (browserType == "Netscape")
{
	document.write('<style type= "text/css"> #chatbox { position: relative; top: -25px; } </style>');
}
&lt;/script&gt;

And, this is the second one. (Yes, they are essentially the same thing, but they display two totally different things.)

If you go to the page that I want to do this on, you should see a section on the right side of the page, called 'Webcam Mini' with an image that says 'Adam Live! 2' and such. That image is the background image of where I need this script to be. There currently is a broken image display box (Unless you're using Firefox, of course.) in place of the webcam, because the webcam is not turned on yet.

But, that's beside the point. Is there anyway to take those two scripts and cycle them every ten seconds, as to show both of the webcams, using JavaScript?

Thanks again,
~Adam "SonicAdvDX"

amisane.org — Fri, 06 Jan 2006 11:29:54 +0000

Can't see any reason why not.

Try this - you'll need the code on both pages, with each one pointing to the other. You'll note that the setting is currently 5 seconds - you'll need to change this in the META tag and the setTimeout line. Also don't forget to change the URL in the line var sTargetURL = "redirectiontarget.htm"; . On page 1 point to page 2 and vice versa. Crude but effective

Code from:

http://grizzlyweb.com/webmaster/javascripts/redirection.asp#Timed-Redirect

Timed Redirection Example

</script>

</script>

Loading redirection target
In approx. 5 seconds the redirection target page should load.
If it doesn't please select the link above.