Mario: Bilder per fade wechseln

Beitrag lesen

SELF-Forum

Bilder per fade wechseln

Mario
– Informationen zu den Bewertungsregeln

Hallo Vizent,

Vielen Dank für Deinen Link.
Soweit ich nur zwei Bilder auf der gesamten Seite nutze, bekomme ich das sogar hin. Wenn ich das aber nun in meine Seite einbauen will (wo schon einige Bilder vorhanden sind) funzt das ganze nicht mehr.
Obwohl ich andere Bilder-Pfade und Bildnamen habe.
Folgend mal ein einfaches Beispiel:
[
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
 <title>Fade-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>
<table style="width:100%;" border="1"><tr>
<td colspan="2" align="center"><img src="gfx/logo.jpg"></td>
</tr><tr>
<td>Zelle 1</td>
<td>Zell 2</td>
</tr><tr>
<td colspan="2" align="center">
<p style="position:relative;">
<img src="gfx/fade/bild1.jpg" alt="bild1">
<img src="gfx/fade/bild2.jpg" alt="bild2" style="position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0)">
</p>
<p><a href="javascript:fade()">überblenden</a></p>
</td>
</tr></table>
</body>
</html>
]
Wenn man das <img src="gfx/logo.jpg"> entfernt klappt alles super.
Mit dem klappt - fadet das erste Bild immer sich selbst.

Hast´e da noch ne Idee?

GRuß Mario

Beitrag melden
–
Informationen zu den Bewertungsregeln