Hallo in die Runde,
nach längerem mitlesen (und parallelem Betrieb einer eigenen Webseite) habe ich ein kleines Problemchen, welches wohl hier am Besten aufgehoben ist:
ich habe auf meiner Webseite Bilder zweier eigener webcams platziert. Die Bilder werden alle 5 sec auf dem Webserver abgelegt, ebenso werden die Bilder per JavaScript auf der Webseite alle 5sec refresht. Soweit - so gut, funktioniert problemlos.
Jetzt mein Problem: ich würde gern die Bilder verkleinert darstellen und per Mausklick und Shadowbox JS vergrössern lassen. Shadowbox JS ist installiert und funktioniert auch. Nur bei diesen beiden Pics greift das PlugIn nicht, da die Pics per JS geladen werden.
der Code zum Laden und refreshen der Pics:
<script type="text/javascript" language="javascript">// <![CDATA[
var refreshrate= 5; //SECONDS BETWEEN REFRESH
var image1="http://www.raketenschnecke.net/webcam/current.jpg"; //IMAGE NAME
var image2="http://www.raketenschnecke.net/webcam/current_02.jpg"; //IMAGE2 NAME
var imgheight=360; //IMAGE HEIGHT
var imgwidth=480; //IMAGE WIDTH
function refresh(){
document.images["pic1"].src=image1+"?"+new Date();
document.images["pic2"].src=image2+"?"+new Date();
setTimeout('refresh()', refreshrate*1000);
}
document.write('<IMG SRC="'+image1+'" ALT="RS-WetterCam Sued-Ost" NAME="pic1" ID="pic1" WIDTH="'+imgwidth+'" HEIGHT="'+imgheight+'" STYLE="border: 1px solid Black;">');
document.write('<IMG SRC="'+image2+'" ALT="RS-WetterCam Nord" NAME="pic2" ID="pic2" WIDTH="'+imgwidth+'" HEIGHT="'+imgheight+'" STYLE="border: 1px solid Black;">');
if(document.images)window.onload=refresh;
// ]]></script>vielleicht hat jemand einen Tipp für mich, wie sowas umgesetzt werden kann?
PS: ich habe wenig Erfahrung mit Coding, PHP ein wenig, JS keinen blassen Schimmer
[COLOR="Gray"][SIZE="2"]mit gebücktem Gruß[/SIZE]
Raketenschnecke[/COLOR]