Gernot Back: Bilder austauschen.

Beitrag lesen

Hallo Alexander,

Hallo Matthias,

wenn es eine einfache Möglichkeit gibt per Javascript wechseln.

Das ist sehr primitiv:

man braucht nur eine Funktion, die prüft, welches Bild angezeigt wird (bild.src),
das andere Bild anzeigen lässt (bild.src=quelle_anderes_Bild;)
und sich über window.setTimeout nach x Sekunden selbst wieder aufruft.

Na ja ganz so trivial ist ja selbst das nicht, denn "src" beinhaltet ja den absoluten Pfad zum Bild. Also sollte man die if-Abfrage an das Vorhandensein eines Teilstrings von src knüpfen, in dem sich beide Bildquellen unterscheiden.

Gruß Gernot

Diese Animation kann man sogar ab- und wieder anstellen:

<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>hin-her</title>
<script type="text/javascript" language="JavaScript">
<!--
var an = false;

function init () {
  if(an) {
    window.clearInterval(an);
    an = false;
  } else {
    an = window.setInterval('hinher()',500);
  }
}

function hinher () {
  with(document.images['pfeil'])
    if(src.indexOf("down")>0){
      src="up_over.gif";
    } else {
      src="down_normal.gif";
    }
}
//-->
</script>
</head>
<body onLoad="init()">
<a href="#" onClick="init()"><img name="pfeil" src="up_over.gif" width="50" height="50" border="0" alt="Diese Animation lässt sich durch Klick an- und abstellen."></a>
</body>
</html>