• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bilder überblenden

Status
Für weitere Antworten geschlossen.

magifix

Neues Mitglied
Hallo, ich möchte von einem Bild auf ein zweites und von da auf ein drittes überblenden. Von Bild 1 auf 2 habe ich geschafft, Code anbei.
Kann mir jemand bitte sagen wie ich das 3. noch hinzufüge?


Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
  <title>Test</title>
  <script type="text/javascript">
        function fade(step) {
            var imgs = document.getElementsByTagName("img");

            step = step || 0;

            imgs[1].style.opacity = step/100;
            imgs[1].style.filter = "alpha(opacity=" + step + ")"; // IE

            step = step + 2;

            if (step <= 100) {
                window.setTimeout(function () { fade(step); }, 1);
            }
        }
    </script>

</head>
<body>
<p style="position: relative;"> <img src="kopf1.bmp" alt=""> <img
 src="kopf2.bmp" alt=""
 style="position: absolute; left: 0pt; top: 0pt; opacity: 0;"> </p>
<script>
window.setTimeout("fade()",1000);
</script>
</body>
</html>
 
Werbung:
Werbung:
ich nutze dafür immer folgendes script:
Javascript / CSS Crossfader : CSS . XHTML . Javascript . DOM : Brand Spanking New
ist ganz einfach. einfach das javascript auf deiner seite einbinden und dann den kleinen code:
Code:
var cf = new Crossfader( new Array('cf1','cf2','cf3'), 500, 2000 );
an das ende deiner seite. für cf1 usw die id's deiner bilder, bzw. den divs, in denen sie liegen einsetzen. 500 ist die zeit, wie lange überblendet wird und 2000 wie lange das bild angezeigt werden soll ;-)
 
du könntest theoretisch auch einfach alle bilder in eine gif animation packen, und beim erstellen den wechselzeitraum der bilder festlegen.
 
Nabend. Ich würde ebenfalls gerne den Crossfader aus mustangs Post nutzen.
Könnte jemand eine Funktion einbauen das der fade stoppt sobald man mit der maus drüber geht? Danke
 
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben