Веб-камера на сайт. Ajax подгрузка изображений

[dem66]

Доброго времени суток колеги.
Пишу скрипт для просмотра изображений с веб-камеры.
Проблема в том что оно не показывает изображения, и происходят бесконечные рефреши.

$(document).ready(function()
{
	var id;
	var conteiner;
	var timerval = 1000;
	var timeout_id;
	
	function Int(){
		$('.no_cam').css('display','none');
		$('.cam').css('display','none');
		conteiner = $('.crop_img img');
		id = conteiner.attr('rel');
		//setupTimer();
		Load();
	}
	function Load(){
		
		conteiner.attr('src', 'http://****/cam/realtime.html?id='+id);
		conteiner.attr('onload', setupTimer);
	}
	
	function setupTimer()
	{
                           clearTimeout(timeout_id);
		timeout_id = window.setTimeout(Load, timerval);
	}
	function ChangeFPS (i){
		timerval=i;
		setupTimer();
	}
	
	Int();
});

<select onchange="ChangeFPS(this.options[this.selectedIndex].value)">
		<option value="40">25 fps</option>
		<option value="100">10 fps</option>
		<option value="200">5 fps</option>
		<option value="1000">1 fps</option>
		<option value="2000">2 s</option>
	</select>

<div class='crop_img'><img src="/public/upload/test/DVEX_B00D00C00.jpg" width='540px' height='430px' border='0' rel='1' /></div>

Как быть? зарание благодарен

[chyvakoff]

conteiner.attr('src', 'http://****/cam/realtime.html?id='+id); - тут что происходит?

[dem66]

как что, берем и меняем ссылку на изображение для img.
Уже написал готовый скрипт. а тот что сейчас сдесь запрашивал изображение у себя на сервере а тот в свою очередь долбился курлом на сайт с камерой, так как раньше там была авторизация.
Теперь пытаюсь ускорить этот скрипт:

	var id;
	var conteiner;
	var timerval = 100;
	var isOpen = 0;
	var timeout_id;
	var Err = 0;
	var alertTimerId = 0;
	var src;
	var stop = 0;
	var first = 1;
	var url = null;
	
	isOpen = Math.round(1000000+(Math.random() * 1000000));
	
	tmpImage = new Image;
	
	function Int(){
		$('.cam').css('visibility','hidden');
		conteiner = $('.crop_img img');
		id = conteiner.attr('rel');
		src = conteiner.attr('src');
		
		switch(id){
		   case '1':
				 url = 'http://***:7676/DVEX_B00D00C00.jpg';
		   break
		   case '2':
				 url = 'http://***:7676/DVEX_B00D00C03.jpg';
		   break
		   case '3':
				 url = 'http://***:7676/DVEX_B00D00C06.jpg';
		   break
	   }

		var play = $('.play');
		var pause = $('.pause');
		var cam_block = $('.cam_block');
		play.css('visibility','visible');
			play.click(function(){
				play.css('visibility','hidden');
				if(stop == 1){
					stop = 0;
					first = 1;
				}
				Load();

				cam_block.mouseenter(function(){
					if(Err==0){
						if(play.css('visibility')!='visible'){
							pause.css('visibility','visible');
						}
					}
				});
				cam_block.mouseleave(function(){
					if(Err==0){
						if(play.css('visibility')!='visible'){
							pause.css('visibility','hidden');
						}
					}
				});
			});
	}
	
	
	function Load(){
		conteiner.attr('src', url+'?t='+isOpen);
		//conteiner.attr('src', '/cam/realtime.html?id='+id+'&t='+isOpen);
		conteiner.attr('onload', firstImage);
	}
	
	function doImage()
	{
		//console.log('doImage: '+timeout_id+' : '+stop);
		if(stop!=1){
			Err = 0;
			conteiner.attr('src', tmpImage.src);
			setupTimer();
		}else{
			clearTimeout(timeout_id);
		}
	}
	
	function loadNextImage()
	{
		//console.log('loadNextImage: ');
		isOpen++;
		tmpImage.onerror = Error_l;
		tmpImage.src = url+'?t='+isOpen;
	}
	
	function firstImage()
	{
		//console.log('firstImage: '+first);
		if (first == 1)
		{
			first = 0;
			isOpen++;
			tmpImage.onload = doImage;
			tmpImage.onerror = Error_l;
			tmpImage.src = url+'&t='+isOpen;
		}
	}
	
	function setupTimer()
	{
		clearTimeout(timeout_id);
		//console.log('TIMER: '+timerval);
		timeout_id = setTimeout(loadNextImage, timerval);
	}
	function Clear_timer(){
		//console.log('Clear_timer: '+timeout_id);
		stop = 1;
		first = 1;
		$('.pause').css('visibility','hidden');
		$('.play').css('visibility','visible');
		$('.crop_img img').attr('onload', '');
		clearTimeout(timeout_id);
	}
	
	function Error_l()
	{
		//console.log('ERROR: '+Err);
		if(Err<3){
			Err++;
			clearTimeout(timeout_id);
			timeout_id = setTimeout(loadNextImage, timerval);
		}else{
			clearTimeout(timeout_id);
			$('.no_cam').css('visibility','visible');
			$('.cam').css('visibility','visible');
			var repeat = $('.repeat');
			repeat.css('visibility','visible');

			conteiner.attr('src', src);
			
			repeat.click(function(){
				Load();
			});
		}
	}
	
	function ChangeFPS(i){
		timerval=i;
		setupTimer();
	}
$(document).ready(function()
{
	Int();
});