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
    <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.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!