nicht angemeldet
Holladiewaldfee,
Ich suche etwas zum schrittweisen Überblenden, so wie MarkX es geschrieben hat.
Prinzipiell suchst Du das opacity-Attribut aus CSS3, daß Du dann mit ein bißchen JS verändern kannst. Problematisch - das hast Du sicher schon erkannt - ist hier vor allem die "3" hinter dem "CSS". Mozilla ab 1.7b ist der einzige mir bekannte Browser, der damit umgehen kann.
Ich habe auf meiner Berg-Seite einen ähnlichen Fall, allerdings muß ich nichts überblenden sondern lege bloß ein Div halbtransparent über den Hintergrund. Ich mache das im Moment mit einer Dreifachlösung:
filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;
Damit wird mein Stylesheet zwar (leider) invalide, allerdings sind zumindest IE, Mozilla und alle zukünftigen Browser, die irgendwann mal das opacity-Attribut interpretieren, versorgt.
Wenn Du das jetzt mit JS überblenden willst, mußt Du mehr oder weniger eine vierfache Weiche einbauen:
- Für IE
- Für Mozilla
- Für CSS3-fähige Browser
- Für Browser, die nichts von dem können (heißer Kandidat: Opera, hab ich aber nicht probiert)
Letztere mußt Du mit einem einfachen visibility verarzten.
Allerdings solltest Du Dir gut überlegen, ob dieser doch eher billige Effekt den ganzen Aufwand rechtfertigt.
Ciao,
Harry