Ebenen: Ein- bzw. Ausblendung mit Filter versehen..?
Fasan
- dhtml
0 Cybaer
Hi!
Habe zwei Ebenen, die sich (mit unten stehendem Script) automatisch abwechselnd ein- bzw. ausblenden.
Das Ausblenden würde ich gerne zusätzlich mit einer Art Abblendeffekt versehen, so dass die Ebene nicht ganz so abruppt verschwindet.
So ein Microsoft-Filter wäre eine Möglichkeit, glaube ich. (ich weiß: funktioniert nur im IE - aber immerhin).
Leider weiß ich nicht, wo. bzw. wie ich ihn konkret in meinem Fall einbauen müsste.
<script>
timer=15000
function show(id, mode)
{
var obj = document.getElementById(id);
obj.style.display = mode ? 'block' : 'none';
}
function start()
{
Ebene=new Array('layer3','layer4');
auswahl= Math.floor(Math.random()*(Ebene.length));
id1=Ebene[auswahl];
show(id1, true);
setTimeout('layerchange()',timer);
}
function layerchange()
{
show(id1, false);
id=(id1=='layer3')? 'layer4':'layer3'
id1=id
show(id, true);
window.setTimeout('layerchange()',timer);
}
</script>
Hi,
So ein Microsoft-Filter wäre eine Möglichkeit, glaube ich. (ich weiß: funktioniert nur im IE - aber immerhin).
Die Microsoft-Filter sind "programmierbar" und Du kannst den Vorgang als solchen durchaus damit abwickeln - aber dann geht es wirklich nur mit dem IE.
Ich würde empfehlen, generell mit Transparenz und via setTimeout() zu arbeiten. Dazu braucht man zwar beim IE den Filter Alpha, aber man kann dann in der gleichen Routine auch die CSS-Eigenschaften für Transparenz ändern. 8-)
Coding: Durchsichtige Elemente
Und dann einfach in einer setTimeout/setIntervall-Schleife in jedem Durchlauf mit dem gewünschten Objekt und einer veränderten Transparenz aufrufen ...
Allerdings gibt es Unterschiede, was Alpha und Opacity alles transparent machen.
Gruß, Cybaer