Witam, mam problem ze skryptem a mianowicie za pomocą jcarusel przewijam sobie trzy obrazki , każdy z tych obrazków zmienia się co kilka sekund (zdjęcia pochodzą z kamerek ) problem jest w tym , że tylko jedno z nich mi się uaktualnia pozostałe już nie kod wygląda tak
<link rel="stylesheet" type="text/css" href="skins/tango/skin.css" />
<script type="text/javascript" src="lib/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="lib/jquery.jcarousel.min.js"></script> <script type="text/javascript"> $.noConflict();
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({visible:1
});
});
<body bgcolor="#ffffff" topmargin="0" marginheight="0" text="#FFFFFF" leftmargin="0" marginwidth="0">
<ul id="mycarousel" class="jcarousel-skin-tango"> <li><img src="http://www.webcam1/current.jpg" width="300" height="250" alt="loading image..." name="camimage" ></li> <li><img src="http://www.webcam1/current1.jpg" width="300" height="250" alt="loading image..." name="camimage1" ></li> <li><img src="http://www.webcam1/current2.jpg" width="300" height="250" alt="loading image..." name="camimage2" ></li>
<!--
-->
<script language="JavaScript"> var imageUrl= document.camimage.src;
var random = new Date().getTime();
var delay = 1;
var counter = 0;
var buffer = new Image;
function DisplayImage() {
document.camimage.src = buffer.src;
LoadNextImage();
}
function LoadBuffer () {
var trickname = imageUrl;
++counter;
trickname += "?counter=" + (random + counter);
buffer.src = trickname;
buffer.onload = DisplayImage;
}
function LoadNextImage() {
setTimeout("LoadBuffer()", 1000*delay);
}
LoadNextImage();
skrypt odpowiedzialny za aktualizacje zdjęcia jest powyżej , jak ma wyglądać tak aby aktualizował trzy zdjęcia z kamerek ?