• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Webcam Bild im pop up

DeRo

New member
Hallo,
ich bin jetzt soweit, dass mein Webcam-Bild immer aktualiesiert wird, nun würde ich gerne wissen, wie ich einen Schnappschuß Button einfüge, wo das aktuelle Bild in einem Pop Up geöffnet wird.
 
Ich weiss nicht wie dein Code aussieht, aber Du kannst doch einfach statt:
PHP:
<img src="webcambildjpg">
einen Link bauen:
PHP:
<a href="javascript: popup('webcambild.jpg',300,200)">hier klicken</a>
(das POPUP direkt hinter den Doppelpunkt schreiben und Java script zusammenschreiben)

welcher dann diese Function aufruft:

PHP:
function popup(Picture,Breit,Hoch)
{
xsize = Breit+55;// Zusatz für Rand rechts und links
ysize = Hoch+75; //Zusatz für Rand oben und unten - damit Button angezeit werden kann 
    
ScreenWidth = screen.width;
ScreenHeight = screen.height;



xpos = (ScreenWidth/2)-(xsize/2);
ypos = (ScreenHeight/2)-(ysize/2);
	
	NewWindow=window.open('','Picture','height='+ysize+',width='+xsize+',scrollbars=no,resizable=no,top='+ypos+',left='+xpos);
	NewWindow.document.write ('<html><head><title>WEBCAM');
	NewWindow.document.write ('</title></head>');
	NewWindow.document.write ('<body onload="focus();">');
	NewWindow.document.write ('<table align=center><tr>');
	NewWindow.document.write ('<td align=center valign=top>');
	NewWindow.document.write ('<table border=0 cellpadding=0 cellspacing=1><tr><td align=center>');
	NewWindow.document.write ('<img src=');
	NewWindow.document.write (Picture);
	NewWindow.document.write ('>');
	NewWindow.document.write ('</tr></table>');
	NewWindow.document.write ('</td></tr><tr>');
	NewWindow.document.write ('<td align=center valign=bottom>');
	NewWindow.document.write ('<br><center><form><input type=button value="FENSTER SCHLIESSEN" style="font-family: Verdana; font-size: 10px" onClick="self.close()">');
	NewWindow.document.write ('</td></tr></table>');
	NewWindow.document.write ('</form></body></html>');
	NewWindow.document.close();
        NewWindow.resizeTo(xsize+75 ,ysize+35); 
        NewWindow.moveTo(xpos,ypos); 
}

Das findet sich (fast) so auf www.jswelt.de
 
Zuletzt bearbeitet:
Zurück
Oben