Thomas B: window.open mehrmals nutzen

Hi,

ich habe eine Seite wir gebaut auf der kleine Thumbnails von Photos sind, bei einem Klick auf ein Bildchen soll ein fenster so groß wie das bild ist aufgehen. Ich möchte das aber in so ner art lösen, da es mehrere Bilder sind und ich so vieleicht nur eine function brauche:

function showpic (url,name,breite,höhe,"toolbar=0,menubar=0,location=0,statusbar=1,resizable=0,scrollbars=0")

sodas ich bei meinem link nur noch größe,fenstername+url angebe:

<a href="javascript:showpic(bild.jpg,Foto,width=234,hight=123)"

Danke!

Thomas B
               http://www.moonlight-gogogeneration.de

P.S. Hab auch suchen probiert, da ich dachte es hat schon mal jemand was in der Art gefragt, hab aber nix gefunden!

  1. Hi,

    ich habe eine Seite wir gebaut auf der kleine Thumbnails von Photos sind, bei einem Klick auf ein Bildchen soll ein fenster so groß wie das bild ist aufgehen. Ich möchte das aber in so ner art lösen, da es mehrere Bilder sind und ich so vieleicht nur eine function brauche:

    function showpic (url,name,breite,höhe,"toolbar=0,menubar=0,location=0,statusbar=1,resizable=0,scrollbars=0")

    sodas ich bei meinem link nur noch größe,fenstername+url angebe:

    <a href="javascript:showpic(bild.jpg,Foto,width=234,hight=123)"

    Danke!

    <HTML>
    <HEAD>
    <TITLE> bildanzeige </TITLE>
    </HEAD>
    <script>
    function showpic(url,name,breite,hoehe) {
    BILD = window.open('', name , 'width=' + breite + ', height=' + hoehe + ', toolbar=0, menubar=0, location=0, statusbar=1, resizable=0, scrollbars=0');
    BILD.document.open();
    BILD.document.write('<html><head><title> Bild ' + url + '</title></head><body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0><p><img src=' + url + ' width=' + breite + ', height=' + hoehe + ' border=0 onclick="self.close();" style="cursor: hand;" alt="' + url + ' schließen"></body></html>');
    BILD.document.close();
    }
    </script>
    <BODY BGCOLOR="#FFFFFF">
    <img src=test.gif onclick="showpic('test.gif', 'bild', 400 , 400);"  style="cursor: hand;">
    </BODY>
    </HTML>

    1. N'Abend.

      [...]

      <img src=test.gif onclick="showpic('test.gif', 'bild', 400 , 400);"  style="cursor: hand;">

      Da der Netscape 4 ein onClick im img-Tag nicht verarbeiten kann, würde ich empfehlen, um das Bild ein <a href zu legen. Dann kann man sich auch den CSS-Befehl für den Cursor sparen:

      <a href="test.gif" onClick="showpic('test.gif','bild',400,400);return false"><img src="test-klein.gif" ... ></a>

      BTW: Mit dieser Variante kommen auch die User ohne JavaScript auf ihre Kosten...

      Gruß,
      olli

      1. Hi,

        danke für deine Antwort!

        Das Ergebniss kannste dir ja mal unter http://www.moonlight-gogogeneration.f2s.com/old_dates.html angucken! :)

        MfG              Thomas B
              http://www.moonlight-gogogeneration.de

        1. Nochmals hallo.

          Das Ergebniss kannste dir ja mal unter http://www.moonlight-gogogeneration.f2s.com/old_dates.html angucken! :)

          Hab ich gemacht: Statt Fenster mit Bildern kam bei mir immer nur 'ne Fehlermeldung..

          Ich hab jetzt nur mal kurz in deinem Quelltext geschaut, aber du solltest das Script von TOOX-rudi schon richtig umsetzen...

          So ich geh jetzt ins Bett - muß früh raus... :-)

          olli

          1. Hi,

            Bei mir funzt es absolut einwnadfrei!
            Test'S bitte nochmal und schreib mir ob's geklappt hat!

            Danke!

            MfG                    Thomas B
                   http://www.moonlight-gogogeneration.de

            1. Hallo Thomas.

              Bei mir funzt es absolut einwnadfrei!
              Test'S bitte nochmal und schreib mir ob's geklappt hat!

              War gerade auf der Seite - jetzt funktioniert alles!
              (only tested with IE 5.5)

              Gruß,
              olli