Hallo zusammen
ich möchte die Grafik im Header meiner Seite sanft zur nächsten Grafik wandern lassen.
Leider ist bis jetzt nicht das herausgekommen, was ich wollte. Zurzeit blendet es nur via Mouseclick anstelle automatisch.
Weiss jemand den Trick? Oder eine andere Möglichkeit, dies zu implementieren? Es sind jeweils 2 verschnittene Bilder (strand_li +re), die synchron blenden sollen.
Text von SelfHTML, leicht modifiziert:
<p><html><head><title>Test</title>
<script language="JScript" type="text/jscript">
Bild1 = new Image();
Bild1.src = "images/strand_re.jpg";
Bild2 = new Image();
Bild2.src = "images/off_strand_re.jpg";
var Bild = 1;
function Bildwechsel () {
if (Bild == 1) {
Bild = 2;
document.all.Madrid.filters.blendTrans.Apply();
document.all.Madrid.src = Bild2.src;
document.all.Madrid.filters.blendTrans.Play();
} else {
Bild = 1;
document.all.Madrid.filters.blendTrans.Apply();
document.all.Madrid.src = Bild1.src;
document.all.Madrid.filters.blendTrans.Play();
}
}
</script>
</head><body>
<p>Klicken Sie auf das Bild, nachdem es vollständig angezeigt ist.</p>
<img id="Madrid" src="images/strand_re.jpg" style="cursor:hand; filter:blendTrans(Duration=4, Transition=16)" onclick="Bildwechsel()" width="1500" height="160" border="0" alt="St.Galler Rheintal">
</body>
</html>
</p>
Zu finden unter
http://www.360x180.ch/test_variabler_header.html
Das Ganze soll dann in der Hauptseite verbaut werden:
http://www.360x180.ch
Danke für jedwede Hilfe
360° Grüsse