Julian Oettrich: Popup größe von Bild

SELF-Forum

Popup größe von Bild

Julian Oettrich
– Informationen zu den Bewertungsregeln

Hab noch eine Fräge. Ich arbeite an einer Fun Bilder Gallery und habe so einen Script, wo ich immer angeben musste wie groß das Bild ist, damit ich ein Popupfenster in der größe öffnen kann. ich würde aber gern, da mir das zu aufwendig ist, den Script so verändern, das er von allein weiß, wie grof das Bild ist. Hier ist ein Beispiel Quelltext:

<html>
<head>
<title>Fun Bilder</title>
<link rel="stylesheet" type="text/css" href="http://www.world4free.net/style.css">
<meta http-equiv="Content-Style-Type" content="text/css">
<script language=javascript>
var fensterid = null;

function zeige_bild (bildurl, bildbreite, bildhoehe, bildname, bgoption)
{
  screenbreite = screen.width;
  screenhoehe = screen.height;

bildbreite = bildbreite + 20;
  bildhoehe = bildhoehe + 30;

if (fensterid)
  {
    fensterid.close ();
  }

if (screenbreite<bildbreite || screenhoehe<bildhoehe)
  {
    fensterid = window.open ('about:blank', 'World4free', "dependent=yes,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes,copyhistory=no,width=" + (screenbreite-100) + ",height=" + (screenhoehe -100) + ",left=0,top=0");
  }
  else
  {
    xoffset = (screenbreite - bildbreite) / 2;
    yoffset = (screenhoehe - bildhoehe) / 2;
    fensterid = window.open ('about:blank', 'World4free', "dependent=yes,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=no,copyhistory=no,width=" + bildbreite + ",height=" + bildhoehe + "," + "left=" + xoffset + ",top=" + yoffset);
  }

fensterid.document.open ();
  fensterid.document.write ('<html><head><title>' + bildname + '</title></head>');
  fensterid.document.write ('<body ' + bgoption + '><a href="javascript:self.close()"><div align="center"><img src="' + bildurl + '" border="0" alt="Zum Schließen bitte klicken"></div></a></body></html>');
  fensterid.document.close();

fensterid.focus();
}
</script>
</head>
<body>
<div align="center">
<script type="text/javascript">
<!--
with(document) {
 open();
 write("<h1>" + title + "</h1>");
 close();
}
//-->
</script>
<img src="../../../../images/linie.gif">
<br>
<br>
<a href="javascript:zeige_bild ('001.jpg',  520, 480, 'Fun Bilder', 'bgcolor=#000000')"><img src="001.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('002.jpg',  550, 650, 'Fun Bilder', 'bgcolor=#000000')"><img src="002.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('003.jpg',  470, 313, 'Fun Bilder', 'bgcolor=#000000')"><img src="003.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('004.jpg',  434, 588, 'Fun Bilder', 'bgcolor=#000000')"><img src="004.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('005.jpg',  470, 600, 'Fun Bilder', 'bgcolor=#000000')"><img src="005.jpg" height="100" width="100" border="0"></a><br>
<a href="javascript:zeige_bild ('006.jpg',  466, 301, 'Fun Bilder', 'bgcolor=#000000')"><img src="006.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('007.jpg',  415, 312, 'Fun Bilder', 'bgcolor=#000000')"><img src="007.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('008.jpg',  461, 404, 'Fun Bilder', 'bgcolor=#000000')"><img src="008.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('009.jpg',  470, 293, 'Fun Bilder', 'bgcolor=#000000')"><img src="009.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('010.jpg',  420, 330, 'Fun Bilder', 'bgcolor=#000000')"><img src="010.jpg" height="100" width="100" border="0"></a><br>
<a href="javascript:zeige_bild ('011.jpg',  419, 646, 'Fun Bilder', 'bgcolor=#000000')"><img src="011.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('012.jpg',  394, 573, 'Fun Bilder', 'bgcolor=#000000')"><img src="012.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('013.jpg',  769, 502, 'Fun Bilder', 'bgcolor=#000000')"><img src="013.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('014.jpg',  381, 474, 'Fun Bilder', 'bgcolor=#000000')"><img src="014.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('015.jpg',  396, 424, 'Fun Bilder', 'bgcolor=#000000')"><img src="015.jpg" height="100" width="100" border="0"></a><br>
<a href="javascript:zeige_bild ('016.jpg',  652, 471, 'Fun Bilder', 'bgcolor=#000000')"><img src="016.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('017.jpg',  340, 438, 'Fun Bilder', 'bgcolor=#000000')"><img src="017.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('018.jpg',  406, 384, 'Fun Bilder', 'bgcolor=#000000')"><img src="018.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('019.jpg',  520, 353, 'Fun Bilder', 'bgcolor=#000000')"><img src="019.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('020.jpg',  701, 514, 'Fun Bilder', 'bgcolor=#000000')"><img src="020.jpg" height="100" width="100" border="0"></a><br>
<a href="javascript:zeige_bild ('021.jpg',  620, 415, 'Fun Bilder', 'bgcolor=#000000')"><img src="021.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('022.jpg',  320, 450, 'Fun Bilder', 'bgcolor=#000000')"><img src="022.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('023.jpg',  363, 259, 'Fun Bilder', 'bgcolor=#000000')"><img src="023.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('024.jpg',  299, 417, 'Fun Bilder', 'bgcolor=#000000')"><img src="024.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('025.jpg',  620, 417, 'Fun Bilder', 'bgcolor=#000000')"><img src="025.jpg" height="100" width="100" border="0"></a>
</div>
</body>
</html>

Bitte helft mir!!!

Danke

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Popup größe von Bild

    Badboy46
    – Informationen zu den Bewertungsregeln

    Hallo,

    hier kannst du die Bildgrösse und -breite erfahren

    höhe: http://www.selfhtml.net/javascript/objekte/images.htm#height
    breite: http://www.selfhtml.net/javascript/objekte/images.htm#width

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Popup größe von Bild

      Badboy46
      – Informationen zu den Bewertungsregeln

      Hallo

      in deinem Beispiel wird aber als Höhe und Breite immer 100 bei rauskommen

      ich weiss jetzt nicht, ob man mit JavaScript die original Höhen udn Breiten Angaben irgendwie abfragen kann

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Popup größe von Bild

        Julian
        – Informationen zu den Bewertungsregeln

        Habe jetzt ein bischen selber gebastelt, aber es geht immer noch nicht. Warum? Die Seite sieht jetzt so aus:

        <html>
        <head>
        <title>Test</title>
        <link rel="stylesheet" type="text/css" href="http://www.world4free.net/style.css">
        <meta http-equiv="Content-Style-Type" content="text/css">
        <script language=javascript>
        var fensterid = null;

        function zeige_bild (bildurl, bgoption)
        {
          screenbreite = screen.width;
          screenhoehe = screen.height;

        bildbreite = bild.width + 20;
          bildhoehe = bild.height + 20;

        if (fensterid)
          {
            fensterid.close ();
          }

        if (screenbreite<bildbreite || screenhoehe<bildhoehe)
          {
            fensterid = window.open ('about:blank', 'World4free',

        "dependent=yes,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes,copyhistory=no,width=" +

        (screenbreite-100) + ",height=" + (screenhoehe -100) + ",left=0,top=0");
          }
          else
          {
            xoffset = (screenbreite - bildbreite) / 2;
            yoffset = (screenhoehe - bildhoehe) / 2;
            fensterid = window.open ('about:blank', 'World4free',

        "dependent=yes,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=no,copyhistory=no,width=" +

        bildbreite + ",height=" + bildhoehe + "," + "left=" + xoffset + ",top=" + yoffset);
          }

        fensterid.document.open ();
          fensterid.document.write ('<html><head><title>Fun Bilder</title></head><body ' + bgoption + '><a

        href="javascript:self.close()"><div align="center"><img src="' + bildurl + '" border="0" name="bild" alt="Zum Schließen bitte

        klicken"></div></a></body></html>');
          fensterid.document.close();

        fensterid.focus();
        }
        </script>
        </head>
        <body>
        <div align="center">
        <script type="text/javascript">
        <!--
        with(document) {
         open();
         write("<h1>" + title + "</h1>");
         close();
        }
        //-->
        </script>
        <img src="../../../../images/linie.gif">
        <br>
        <br>
        <a href="javascript:zeige_bild ('001.jpg', 'bgcolor=#000000')"><img src="001.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('002.jpg', 'bgcolor=#000000')"><img src="002.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('003.jpg', 'bgcolor=#000000')"><img src="003.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('004.jpg', 'bgcolor=#000000')"><img src="004.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('005.jpg', 'bgcolor=#000000')"><img src="005.jpg" height="100" width="100" border="0"

        name="bild"></a><br>
        <a href="javascript:zeige_bild ('006.jpg', 'bgcolor=#000000')"><img src="006.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('007.jpg', 'bgcolor=#000000')"><img src="007.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('008.jpg', 'bgcolor=#000000')"><img src="008.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('009.jpg', 'bgcolor=#000000')"><img src="009.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('010.jpg', 'bgcolor=#000000')"><img src="010.jpg" height="100" width="100" border="0"

        name="bild"></a><br>
        <a href="javascript:zeige_bild ('011.jpg', 'bgcolor=#000000')"><img src="011.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('012.jpg', 'bgcolor=#000000')"><img src="012.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('013.jpg', 'bgcolor=#000000')"><img src="013.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('014.jpg', 'bgcolor=#000000')"><img src="014.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('015.jpg', 'bgcolor=#000000')"><img src="015.jpg" height="100" width="100" border="0"

        name="bild"></a><br>
        <a href="javascript:zeige_bild ('016.jpg', 'bgcolor=#000000')"><img src="016.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('017.jpg', 'bgcolor=#000000')"><img src="017.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('018.jpg', 'bgcolor=#000000')"><img src="018.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('019.jpg', 'bgcolor=#000000')"><img src="019.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('020.jpg', 'bgcolor=#000000')"><img src="020.jpg" height="100" width="100" border="0"

        name="bild"></a><br>
        <a href="javascript:zeige_bild ('021.jpg', 'bgcolor=#000000')"><img src="021.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('022.jpg', 'bgcolor=#000000')"><img src="022.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('023.jpg', 'bgcolor=#000000')"><img src="023.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('024.jpg', 'bgcolor=#000000')"><img src="024.jpg" height="100" width="100" border="0"

        name="bild"></a>
        <a href="javascript:zeige_bild ('025.jpg', 'bgcolor=#000000')"><img src="025.jpg" height="100" width="100" border="0"

        name="bild"></a>
        </div>
        </body>
        </html>

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Popup größe von Bild

          Struppi Homepage des Autors
          – Informationen zu den Bewertungsregeln

          Habe jetzt ein bischen selber gebastelt, aber es geht immer noch nicht. Warum? Die Seite sieht jetzt so aus:

          schau dir mal mein Skript an, dann weißt du warum.

          Struppi.

          --
          http://home.arcor.de/struebig/computer/javascript/index.html
          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. Popup größe von Bild

            Julian Oettrich
            – Informationen zu den Bewertungsregeln

            Habe jetzt ein bischen selber gebastelt, aber es geht immer noch nicht. Warum? Die Seite sieht jetzt so aus:

            schau dir mal mein Skript an, dann weißt du warum.

            Struppi.

            Deinen Script hatte ich mir ja schon mal runtergeladen, aber der ist ein bischen sehr anders.

            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

            1. Popup größe von Bild

              Struppi Homepage des Autors
              – Informationen zu den Bewertungsregeln

              Deinen Script hatte ich mir ja schon mal runtergeladen, aber der ist ein bischen sehr anders.

              Dort ist aber genau das Problem was du hast gelöst. (Stichwort: onload)

              Struppi.

              --
              http://home.arcor.de/struebig/computer/javascript/index.html
              Beitrag melden
              –
              Informationen zu den Bewertungsregeln

              1. Popup größe von Bild

                Julian
                – Informationen zu den Bewertungsregeln

                Deinen Script hatte ich mir ja schon mal runtergeladen, aber der ist ein bischen sehr anders.

                Dort ist aber genau das Problem was du hast gelöst. (Stichwort: onload)

                Struppi.

                Wie meinst du das mit onload?

                Beitrag melden
                –
                Informationen zu den Bewertungsregeln

                1. Popup größe von Bild

                  Struppi Homepage des Autors
                  – Informationen zu den Bewertungsregeln

                  Wie meinst du das mit onload?

                  Du kannst erst auf die Größe der Bilder zugreifen, wenn der Browser sie fertig geladen hat, dann wird der onload event gefeuert. Dies passiert in dem skript von mir.

                  Struppi.

                  --
                  http://home.arcor.de/struebig/computer/javascript/index.html
                  Beitrag melden
                  –
                  Informationen zu den Bewertungsregeln

  2. Popup größe von Bild

    Struppi Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hab noch eine Fräge. Ich arbeite an einer Fun Bilder Gallery und habe so einen Script, wo ich immer angeben musste wie groß das Bild ist, damit ich ein Popupfenster in der größe öffnen kann. ich würde aber gern, da mir das zu aufwendig ist, den Script so verändern, das er von allein weiß, wie grof das Bild ist. Hier ist ein Beispiel Quelltext:

    http://home.arcor.de/struebig/computer/javascript/exp/test/popup.htm

    Struppi.

    --
    http://home.arcor.de/struebig/computer/javascript/index.html
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Popup größe von Bild

    H2O
    – Informationen zu den Bewertungsregeln

    Hallo.

    Hast du eigentlich schon mal was von Google oder der Self-Suche gehört?
    Bevor du postest solltest du da mal suchen und nicht sofort zum Forum greifen.

    Außerdem war das Doppelposting auch nicht gut, denn sich um ein paar Stellen vordrängeln ist nicht OK.

    Schönen Tag noch, H2O

    --
    #*~!:     Endlich Ferien.
    Selfcode: ie:% fl:| br:^ va:| ls:# fo:) rl:? n4:| ss:{ de:] js:) ch:? sh:( mo:? zu:|
    Infos:    http://emmanuel.dammerer.at/selfcode.html
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln