Martin: Pop-Up, das sich an die Größe eines Bildes anpasst

Hallo zusammen!

Ich bin auf der Suche nach einem Script, das mir ein Bild in ein Pop-Up lädt.
Das Pop-Up soll sich dabei an die Größe des Bildes anpassen.

Geht das?

Gruß,
MArtin

  1. Hallo, Martin,

    hier ein ungeprüftes Skript von Wolfgang S. (Spotlight Forum). Du musst nur noch die Bilder unten im Script eingeben, und der Link öffnet es als Popup, das sich zuerst in einer festen Größe öffnet und dann die Größe des Bildes annimmt.

    Noch eleganter wäre es natürlich, zunächst die Bildgröße zu bestimmen und dann das Fenster gleich in den richtigen Abmessungen zu öffnen.

    Grüße,

    Sebastian

    <html>
    <head>
    <title>Bildscript</title>
    <script language="JavaScript">

    F1=false

    function fenster(URL1)
    {
     if(F1)
      {
      if(F1.closed==false)
      F1.close()
      }
    F1=open("","","width=200,height=200,resizable=yes")
      with(F1.document)
       {
        open()
        write("<html>")
        write("<body topmargin='0' leftmargin='0' marginheight='0' marginwidth='0' >")
        write("<img src='"+URL1+"'>")
        write("</body>")
        write('<script type="text/javascript">\n')
        write("self.resizeTo(document.images[0].width,document.images[0].height)")
        write("</script>")
        write("</html>")
        close()
       }
      F1.focus()
     }
    </script>
    <body>
    <a href="javascript:fenster('bild1.jpg')">bild1</a>
    <a href="javascript:fenster('bild2.jpg')">bild2</a>
    <a href="javascript:fenster(bild3.gif)">bild3</a>
    </body>
    </html>

  2. Hallo zusammen!

    morgen

    Ich bin auf der Suche nach einem Script, das mir ein Bild in ein Pop-Up lädt.
    Das Pop-Up soll sich dabei an die Größe des Bildes anpassen.

    scheint sich zum 2-frames-auf-einmal-oeffnen-nachfolger zu entwickeln.
    schau mal hier: http://www.clemens-gruber.de/computer/goodies/fotosession/

    cheers, dm.

  3. Hallo, Martin!

    Versuche mal dieses:

    <script language="Javascript">
    var blink_temp=1;
    var leer_gif=new Image();
    leer_gif.src="xyz";
    var pic_vor=new Image();
    pic_vor.src="xyz";
    var pic_zuruck=new Image();
    pic_zuruck.src="xyz";
    var p_src=new Image;
    p_src.src="xyz";

    function load_wait()
    {
     if(p_src.complete!=true) {
      setTimeout("load_wait();",80);
     } else {
      self.resizeTo(p_src.width+40, p_src.height+80);
      self.moveTo(screen.width/2-((p_src.width+40)/2),screen.height/2-((p_src.height+80)/2));
      self.focus();
     }
    }
    self.moveTo(screen.width/2-100,screen.height/2-30);
    self.resizeTo(200,60);
    </script>
    </head>
    <body onload="load_wait();">
    <div align="center"><a href="javascript:close()"><img
    src="xyz" name="thepic"
    border="1"></a><img src="images/leer.gif" heigth="5" border="0"><br>
    <div>

    Dass du die Werte drumherum noch verändern kannst ist klar.
    Hier öffnet sich zunächst einsehr kleines Fenster und dann mit dem Bild das das Fenster in Bildgröße!

    Ebenfalls ungeprüft!

    Gruß

    Jens