Tweet
Weiß jemand was der Fehler sein könnte?
Es Scrollt weiter zum nächsten Bild aber der Filter bleibt immer noch auf dem Bild!
Danke schon mal im Vorraus!
Es Scrollt weiter zum nächsten Bild aber der Filter bleibt immer noch auf dem Bild!
PHP-Code:
<style type="text/css">
.betracht1 {width: 600px; height: 150px; overflow: hidden; }
.betracht2 {position: absolute; left: -200px; top: -0px; }
.bildMitte {filter: Alpha(opacity=100, finishopacity=100, style=3) }
.bildAussen {filter: Alpha(opacity=40, finishopacity=40, style=3) }
</style>
<script language="JavaScript">
var pos = -200
var dRicht;
var gesw = 50;
var dkl1 = 100;
var dkl2 = 40;
var glt1 = 100;
var glt2 = 40;
bilder = new Array();
sour = new Array();
auto = false;
function ini(lauf, richt)
{
bilder[0] = "Links"; bilder[1] = "Mitte";
bilder[2] = "Rechts"; bilder[3] = "Bild1";
bilder[4] = "Bild2";
if (lauf) {
auto = true;
window.setTimeout("scroll()", gesw);
if (richt == "-") dRicht = "-"; else dRicht = "+";
}
}
function scroll(aRicht)
{
if (!aRicht) aRicht = dRicht; else dRicht = aRicht;
if (aRicht == "-") {
richt = -10; dkl1 = dkl1 - 3; dkl2 = dkl2 + 3; glt1 = glt1 - 3; glt2 = glt2 + 3;
document.images[bilder[1]].style.filter = "Alpha(opacity="+dkl1+", finishopacity="+glt1+", style=1)";
document.images[bilder[2]].style.filter = "Alpha(opacity="+dkl2+", finishopacity="+glt2+", style=1)"; }
else {
richt = 10; dkl1 = dkl1 - 3; dkl2 = dkl2 + 3; glt1 = glt1 - 3; glt2 = glt2 + 3;
document.images[bilder[1]].style.filter = "Alpha(opacity="+dkl1+", finishopacity="+glt1+", style=3)";
document.images[bilder[0]].style.filter = "Alpha(opacity="+dkl1+", finishopacity="+glt1+", style=3)"; }
pos = pos + richt; betracht2.style.left = pos;
if (pos > -400 && pos < 0) window.setTimeout("scroll()", gesw);
else {
if (aRicht == "-"){
document.images[bilder[1]].style.filter = "Alpha(opacity=100, finishopacity=100, style=3)";
document.images[bilder[2]].style.filter = "Alpha(opacity=40, finishopacity=40, style=3)";
zw = 0;
for(zaehl = bilder.length-1; zw <= zaehl ; zw++) {
x = zw - 1;
if (x == -1) x = bilder.length-1;
sour[x] = document.images[bilder[zw]].src; }
zw = 0;
for(zaehl = sour.length-1; zw <= zaehl; zw++) {
document.images[bilder[zw]].src = sour[zw]; }}
else {
document.images[bilder[1]].style.filter = "Alpha(opacity=100, finishopacity=100, style=3)";
document.images[bilder[0]].style.filter = "Alpha(opacity=40, finishopacity=40, style=3)";
zw = bilder.length-1;
for(zaehl = 0; zw >= zaehl ; zw--) {
x = zw+1;
if (x == bilder.length) x = 0;
sour[x] = document.images[bilder[zw]].src; }
zw = bilder.length-1;
test = "";
for(zaehl = 0; zw >= zaehl ; zw--) {
document.images[bilder[zw]].src = sour[zw]; }}
dkl1 = 100; dkl2 = 40;
glt1 = 100; glt2 = 40;
pos = -200;
betracht2.style.left = -200;
if (auto) window.setTimeout("scroll()",gsew); }
}
</script>
</head>
<body onload="ini()">
<table cellpadding="0" cellspacing="0" border="1">
<tr><td>
<div id="betracht" class="betracht1">
<div id="betracht2" class="betracht2">
<table cellpadding="0" cellspacing="0" border="0">
<td><img src="Bild1.jpg" class="bildAussen" id="bild2"></td>
<td><img src="Bild2.jpg" class="bildAussen" id="Links"></td>
<td><img src="Bild3.jpg" class="bildMitte" id="Mitte"></td>
<td><img src="Bild4.jpg" class="bildAussen" id="Rechts"></td>
<td><img src="Bild5.jpg" class="bildAussen" id="bild1"></td>
</table>
</div></div>
</td></tr>
<tr>
<td align=center>
<input type="button" value="links" value="-" onclick="scroll('-')" disabled">
<input type="button" value="rechts" value="+" onclick="scroll('+')">
</td></tr></table>
Kommentar