Bilderwechsel mit unterschiedlicher Auflösung

  • Hallo ich wollte ein Bilderwechsel haben allerdings haben meine Bilder unterschiedliche Formate und deshalb sind die alle Verzerrt. Wie kann ich das lösen?


    <html>
    <head>
    <meta http-equiv="refresh" content="90;url=bild.html">


    <script language="JavaScript"><!--
    var loop = 1
    var Bilder = new Array("Seenotretter.jpg","ABBA.jpg","ProgrammNordbad.jpg","ProgrammSuedbad.jpg","Wurfmeeting.jpg","RobbenundWale.jpg");
    var Delay = 15000;



    var BildAnzahl = Bilder.length;
    var number = 0;
    BildFolge = new Image(); BildFolge.src = Bilder[number];


    function change() {


    number++;
    if (number == BildAnzahl) number = 6;


    BildFolge.src = Bilder[number];
    document.austausch.src = BildFolge.src;
    }


    setInterval("change()", Delay);


    //-->
    </script>
    <script type="text/javascript">document.onload = setTimeout("foo()", 2000);</script>
    <link rel="stylesheet" type="text/css" href="vhs.css">
    </head>


    <body class=standard>
    <tr>
    <img name="austausch" src="Seenotretter.jpg" width="1200" height="800" style="position: relative; top: 17px; left: 22px">
    </tr>


    </body>
    </html>

  • Wahrscheinlich bekommst Du deshalb keine Antworten, weil Du im falschen Unterforum bist.
    "deshalb sind die alle Verzerrt" - das liegt daran, dass Du deinem img-Tag eine feste Breite und Höhe gegeben hast:

    HTML
    1. <img name="austausch" src="Seenotretter.jpg" width="1200" height="800" style="position: relative; top: 17px; left: 22px">


    Lass das weg, dann werden deine Bilder nicht verzerrt sondern in originaler Größe angezeigt und ohne das Seitenverhältnis zu verfälschen.