popup automatisch an bildgröße anpassen.

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • popup automatisch an bildgröße anpassen.

    ich habe folgendes problem, ich will das sich ein popup automatisch an ein bild anpasst.

    ich hatte auch schon ein script mit dem das fast ging:

    Quellcode

    1. <SCRIPT LANGUAGE="JavaScript">
    2. function Foto(img){
    3. myFoto = new Image();
    4. myFoto.src = ( img );
    5. width_tmp = myFoto.width +0;
    6. height_tmp = myFoto.height +0;
    7. size="width="+width_tmp+",height="+height_tmp;
    8. showFoto=window.open(img,"",size);
    9. }
    10. </script>
    Alles anzeigen


    allerdings hab ich probleme mit leftmargin und topmargin im popup, was bedeutet das ich immer oben und unten den weißen hintergrund vom fenster sehe, was mich total stört.
    im popup soll nur das bild sein und mehr nicht.

    vielleicht weis einer ja wie man das anstellen kann.

    @mex wenn das in PHP geht, dann kannst du diesen thread ja in den PHP berreich verschieben.

    989 :hy:
  • probier's mal damit!!

    ONLINE: h**p://mexxem.me.funpic.de/FSB/image/resize.html

    HTML-Quellcode

    1. <HTML>
    2. <HEAD>
    3. <title>popUp</title>
    4. <script type="text/JavaScript" language="JavaScript">
    5. function popUpImg(img) {
    6. myImg = new Image();
    7. myImg.src = img;
    8. var width = myImg.width;
    9. var height = myImg.height;
    10. imgWin = window.open('', 'imgWinName', 'width=' + width + ', height=' + height);
    11. with (imgWin.document) {
    12. open();
    13. write('<HTML>');
    14. write(' <HEAD>');
    15. write(' <title>imgWin</title>');
    16. write(' </HEAD>');
    17. write(' <BODY style="margin: 0px;" onLoad="self.focus();">');
    18. write(' <img src="' + img + '" alt="popUpImage" title="popUpImage">');
    19. write(' </BODY>');
    20. write('</HTML>');
    21. close();
    22. }
    23. }
    24. </script>
    25. </HEAD>
    26. <BODY>
    27. <a href="javascript: popUpImg('t1.jpg')">img 01</a><br />
    28. <a href="javascript: popUpImg('t2.jpg')">img 02</a><br />
    29. </BODY>
    30. </HTML>
    Alles anzeigen


    ceeyaa.mex
  • vielen dank mexxem für deinen vorschlag allerdings gibt es bei mir im firefox damit probleme, weil vertikal und horizontal scrolleisten sind, aber wenigstens ist top und leftmargin weg.

    989
  • hmmm, das hat damit was zu tun, dass aus irgendeinem grund, der browser anfangs die groesse des bildes nicht zu erkennen scheint!!
    eigentlich sollte der browser die bildinfos haben! und zwar deshalb:

    HTML-Quellcode

    1. myImg = new Image();
    2. myImg.src = img;


    wenn alle bilder mal geoeffnet wurden, du dann einmal die link-seite reloadest, funktioniert es!!
    eine andere loesung waere, die popUp links nicht als text zu machen, sondern die originalbilder als links zu verwenden! denn dann werden diese schon mal geladen und der browser weiss die infos zu den bildern!!

    vielleicht hat jemand anderes ne idee, die bilder vorzuladen, ohne diese anzuzeigen!?

    ceeyaa.mex