popup fenster an bild größe anpassen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • popup fenster an bild größe anpassen

    hallo!
    ich hätte da ein problem und komm nach stundenlangen herum suchen zu keiner lösung vielleicht könnt ihr mir helfen. so hier mal das script -> es soll ein popup fenster aufgehn das sich an die größe des bildes anpasst.

    <a href = "JavaScript:fenster('http://www.foo.com/images/foo.jpg')">
    öffne popup
    </a>

    function fenster(pic)
    {
    var img = new Image();
    img.src = pic;
    wsize = img.width+20;
    hsize = img.height+20;
    var win;
    win=window.open(pic,'','height='+hsize+',width='+wsize+'left=50,top=50,scrollbars=no,toolbar=no,resi zable=yes');
    }

    das ganze funkt ja ohne probleme allerdings nur im IE(!) im mozilla bleibt das popup auf der größe von 20x20 pixel

    bin dankbar über jeden lösungsvorschlag!!

    bye
    superfly

  • #2
    hast wohl ein komma vergessen ..

    Code:
    function fenster(pic)
    {
    var img = new Image();
    img.src = pic;
    wsize = img.width+20;
    hsize = img.height+20;
    var win;
    win=window.open(pic,'','height='+hsize+',width='+wsize+',left=50,top=50,scrollbars=no,toolbar=no,resizable=yes');
    //                                                       ^
    //                                                       |
    //                                           das da ------
    }
    INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


    Kommentar


    • #3
      Original geschrieben von Abraxax
      hast wohl ein komma vergessen ..
      auch das komma ändert nix daran das es im mozilla net funzt

      Kommentar


      • #4
        wenn's nich klappt im mozilla, geb mal javascript: (zusammengeschrieben) oben ein
        Ich denke, also bin ich. - Einige sind trotzdem...

        Kommentar


        • #5
          jepp.
          aber das forum knallt das auseinander.

          @Superfly
          hast du das 'window. open' dann in deinem code wieder zusammen gemacht? => window.open
          INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


          Kommentar


          • #6
            Original geschrieben von Abraxax
            hast du das 'window. open' dann in deinem code wieder zusammen gemacht? => window.open
            ja hab ich alles gemacht -> javascript & window.open zusammen geschrieben

            Kommentar


            • #7
              die umgebrochen klammer zu ) hast du auch nach oben genommen? da wo window.open ist. die zeile meine ich ...
              INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


              Kommentar


              • #8
                Original geschrieben von Abraxax
                die umgebrochen klammer zu ) hast du auch nach oben genommen? da wo window.open ist. die zeile meine ich ...
                ja hab ich auch gemacht

                Kommentar


                • #9
                  gib mal innerhalb der funktion die werte aus.

                  PHP-Code:
                  alert('breit:'+img.width+'\nhoch: '+img.height); 
                  ich denke nämlich, dass NS nicht an die werte kommt. hast du mal bei selfhtml geschaut, ob auch NS die bildgröße auslesen kann?
                  INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


                  Kommentar


                  • #10
                    Versuch's mal hiermit...
                    Läuft bei mir im IE, NS, Opera und Mozilla..

                    Gruß, zzet

                    PHP-Code:
                    function blablabla(imageName,imageWidth,imageHeight,alt,posLeft,posTop) {
                        
                    newWindow window.open("","newWindow","width="+imageWidth+",height="+imageHeight+",left="+posLeft+",top="+posTop);
                        
                    newWindow.document.open();
                        
                    newWindow.document.write('<html><title>'+alt+'</title><body bgcolor="#FFFFFF" leftmargin="0" 
                    //hab hier die Zeile umgebrochen, damits im Forum besser aussieht
                    topmargin="0" marginheight="0" marginwidth="0" onBlur="self.close()">'
                    ); 
                        
                    newWindow.document.write('<img src='+imageName+' width='+imageWidth+' height='+imageHeight+' alt='+alt+'>'); 
                        
                    newWindow.document.write('</body></html>');
                        
                    newWindow.document.close();
                        
                    newWindow.focus();
                    }



                    <
                    a href="#" onClick="blablabla('meinbild.jpg','breite','hoehe','alt-text','positioin_links','position_rechts')">
                    &
                    ouml;ffne popup</a
                    Zuletzt geändert von zzet; 23.01.2003, 00:20.

                    Kommentar


                    • #11
                      @zzet
                      er holt sich aber die bildgröße aus dem bild selber.
                      dein code ist auf jeden fall ok, wenn man die größe der fkt übergibt. man muss die größe also vorher schon kennen.

                      die frage ist nur, ob Superfly die größe schon kennt. dann wäre es nämlich wirklich sehr einfach.

                      @Superfly
                      kennst du die größe schon?
                      INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


                      Kommentar


                      • #12
                        er könnte sich die Größe doch auch mittels PHP (GetImageSize) holen, falls er sie noch nicht kennt??!

                        Kommentar


                        • #13
                          das könnte er schon. bringt aber für sein aktuellen fall wohl nichts.
                          er macht ja alles schon mit JS.
                          INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


                          Kommentar


                          • #14
                            @Abraxax...
                            hast schon Recht, wenn er alles mit JS macht, bringt ihm der Vorschlag mit
                            GetImageSize() nix.
                            Aber wie wäre es, wenn er beide Möglichkeiten kombiniert?

                            Kommentar


                            • #15
                              das kann er machen. wenn er aber ne image-galery hat, müsste er schon in der vorschauseite jedes bild einmal mit php anfassen, um die größe zu ermitteln, um diese dann der fkt zuzuführen . das halte ich so nicht für gut.
                              INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


                              Kommentar

                              Lädt...
                              X