Du bist nicht angemeldet.

1

Freitag, 16. September 2016, 12:31

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>

2

Dienstag, 20. September 2016, 22:21

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.

Ähnliche Themen