Suche Webcam Script um das Bild zu vergrößern  (Gelesen 1018 mal)

Offline maierreini

    • Ramingstein-Wetter
  • Registriert:
    08.08.2014, 15:00:39
  • Beiträge: 124
  • geogr. Position:
    N47'5' O13'50'
  • Station:
    Oregon WMR180
Hallo
Kennt jemand ein Java Script oder Quelltext für eine Webcam wenn ich das Bild auf der Homepages anklicke das das Bild  größer wird.

Oder einen Text das ich in das bestehende Java Script einbauen kann.

Wetterstationen.info Forum

Suche Webcam Script um das Bild zu vergrößern
« am: 13.09.2015, 08:02:09 »

Offline klaus289

    • http://www.buehlertal-wetter.de http://www.buehlot-blick.de
    • Männlich
  • Registriert:
    03.01.2011, 20:18:49
  • Beiträge: 968
  • Ort:
    Bühlertal im Schwarzwald
Re: Suche Webcam Script um das Bild zu vergrößern
Antwort #1 am: 13.09.2015, 09:23:49
Hallo,

da braucht es eigentlich kein Script dafür.
Du kannst einfach die Seite deiner Homepage mit dem Webcambild kopieren und auf der neuen Seite mit größerem Bild (z.B. 800 x 600 Pickel) ausgeben.
Von der alten Seite kannst du dann einfach auf die neue mit einem Text (z.B. Webcambild zoomen...) verlinken.
Besucher können sich also mit nur einem Klick Details deiner Gegend ansehen.

Offline maierreini

    • Ramingstein-Wetter
  • Registriert:
    08.08.2014, 15:00:39
  • Beiträge: 124
  • geogr. Position:
    N47'5' O13'50'
  • Station:
    Oregon WMR180
Re: Suche Webcam Script um das Bild zu vergrößern
Antwort #2 am: 13.09.2015, 11:20:00
Hallo Klaus

Kannst du mir das genauer erklären wie das  mit dem Webcambild kopieren gemeint ist, und wie das mit dem Webcambild zoomen zu machen ist

Offline klaus289

    • http://www.buehlertal-wetter.de http://www.buehlot-blick.de
    • Männlich
  • Registriert:
    03.01.2011, 20:18:49
  • Beiträge: 968
  • Ort:
    Bühlertal im Schwarzwald
Re: Suche Webcam Script um das Bild zu vergrößern
Antwort #3 am: 13.09.2015, 11:38:35
Hallo Reinhard.

das ist relativ einfach.
Du kopierst deine Seite webcam.html und nennst die neue Seite z.B. webcam_zoom.html.
Diese Seite kannst du z.B. nicht öffentlich zugänglich machen, also nicht ins Seitenmenü integrieren.
Um das neue Bild größer anzuzeigen musst du natürlich noch die Darstellung von z.B. webcam_zoom.html auf (z.B. auf 800 x 600 Pickel) vergrößeren.
Dann noch einen kleinen Text (z.B. Webcam zoomen.) unterhalb des Webcambildes von webcam.html einfügen und einen Link darauf setzen nach z.B. webcam_zoom.html.

Der Besucher sieht beim Klick im Menü auf Webcam das normale Bild.
Klickt er unterhalb den Link an wird er automatisch nach z.B. webcam_zoom.html weiter geleitet und sieht das große Webcambild.
Hier kann man auch noch einen "Zurück-Button" einfügen, so dass der Besucher wieder zurück auf die Ausgangsseite geleitet wird.

Offline leknilk0815

  • Allgemeiner Moderator
    • http://www.antonhofer.de/wetter/ws300wswin/html/custom.html
  • Registriert:
    14.06.2006, 12:06:21
  • Beiträge: 10.039
  • Ort:
    Wackersberg, 661m / NN
Re: Suche Webcam Script um das Bild zu vergrößern
Antwort #4 am: 13.09.2015, 12:02:10
...Kannst du mir das genauer erklären...
Servus,
wenn man den Quelltext Deiner Website hätte, könnte man Dir helfen (vielleicht).
Die einfachste Möglichkeit ist, das selbe Bild in zwei verschiedenen Auflösungen hochzuladen, im Beispiel "test01.jpg" und "test02.jpg".
Wenn Du dann an der Stelle, an der der Link zum Bild auf Deiner Seite steht, das hier:
<a href="test02.jpg"><CENTER><img src="test01.jpg" alt="test01" border=0 vspace=0><BR>einfügst, siehst Du Deine Seite wie gehabt, klickst Du auf das Bild, geht eine Seite mit dem Bild "test02.jpg" auf.

Edit:
mit folgendem Eintrag:
<a href="test02.jpg" target="_blank"><CENTER><img src="test01.jpg" alt="test01" border=0 vspace=0><BR>wird das Bild dann in einem extra- Fenster geöffnet.
« Letzte Änderung: 13.09.2015, 13:40:22 von leknilk0815 »
Gruß - Toni

KS300+WS444PC (WSL/WSWIN)+Windrichtung+Sonnenschein, CCU2, KS550, KS888

Wetterstationen.info Forum

Re: Suche Webcam Script um das Bild zu vergrößern
« Antwort #4 am: 13.09.2015, 12:02:10 »

Offline maierreini

    • Ramingstein-Wetter
  • Registriert:
    08.08.2014, 15:00:39
  • Beiträge: 124
  • geogr. Position:
    N47'5' O13'50'
  • Station:
    Oregon WMR180
Re: Suche Webcam Script um das Bild zu vergrößern
Antwort #5 am: 13.09.2015, 17:10:45
Hallo leknilk0815

Hier ist der verwendete Quelltext.

<script type="text/javascript" language="JavaScript">
var camURL = ""; //html/cam.jpg
var refresh = 30; //Intervall in Sekunden

function ImgLoad(){
   if(camURL == ""){
      camURL = document.images.myWebcam.src;
   }
   var unique = new Date();
   unique = "?" + unique.getTime();
   document.images.myWebcam.onload = "";
   document.images.myWebcam.src = camURL + unique;
   setTimeout("ImgLoad()", refresh*1000);
}
</script>

<img border="6" width="1000" height="900" src=" http://www.ramingstein-wetter.at/cam.jpg" name="myWebcam" onload="ImgLoad()" onerror="alert('Webcambild kann nicht geladen werden!')">

Offline leknilk0815

  • Allgemeiner Moderator
    • http://www.antonhofer.de/wetter/ws300wswin/html/custom.html
  • Registriert:
    14.06.2006, 12:06:21
  • Beiträge: 10.039
  • Ort:
    Wackersberg, 661m / NN
Re: Suche Webcam Script um das Bild zu vergrößern
Antwort #6 am: 13.09.2015, 19:49:02
...Schuss ins Blaue (meine HTML- Kenntnisse sind auch seeehr begrenzt, es geht sicher auch anders...) - probier mal, das:
<img border="6" width="1000" height="900" src=" http://www.ramingstein-wetter.at/cam.jpg" name="myWebcam" onload="ImgLoad()" onerror="alert('Webcambild kann nicht geladen werden!')">
durch das:
<a href="http://www.ramingstein-wetter.at/cam-gross.jpg" target="_blank"><img border="6" width="1000" height="900" src=" http://www.ramingstein-wetter.at/cam.jpg" name="myWebcam" onload="ImgLoad()" onerror="alert('Webcambild kann nicht geladen werden!')">
zu ersetzen.
Dazu muss natürlich dann ein großes Bild mit Namen "cam-gross.jpg" auf dem Webspace vorhanden sein.
Gruß - Toni

KS300+WS444PC (WSL/WSWIN)+Windrichtung+Sonnenschein, CCU2, KS550, KS888