Bild wechseln - Möglichkeiten?

[ghost]

Wenn man auf der HP ein Bild wechseln möchte ( z.B. wenn der Nutzer mim Cursor drübergeht oder automatisch als Art Film ), welche Möglichkeiten gibts dafür denn?

> wie Film > Flash oder Javascript ?
> Cursor > Javascript oder CSS ( hover )?

Danke für eure Tipps!

 

[Sleepprogger]

Ein CSS Beispiel:

<style type="text/css">
.test{
	width: 100px;
	height: 100px;
	background-size: 100% 100%;
	background-image: url('http://www.hackerboard.de/images/habo/buttons/reply.gif');
}
.test:hover{
	background-image: url('http://www.hackerboard.de/images/habo/misc/habo-logo.png');
}
</style>
<div class="test"></div>

Das "Background-size" attribut funktioniert nur in aktuelleren Browsern afaik.


[size=-2]Ich hoffe das ist in Ordnung mit den Testbildern [/size]

 

[Sleepprogger]

[size=-1]Sry für Doppelpost[/size]

Entspricht nicht ganz deiner Frage, aber ich bin gerade über eine andere interessante Möglichkeit gestolpert. Die CSS Pseudoclasse "checked".

<style type="text/css">
.show{
	width: 100px;
	height: 100px;
	background-size: 100% 100%;
	background-image: url('http://www.hackerboard.de/images/habo/buttons/reply.gif');
}
/*
This formats the element with id "show" when the element before has the class "check" and is checked
~ instead of + means childs instead of its successor
*/
.check:checked + .show{
	width: 100px;
	height: 100px;
	background-image: url('http://www.hackerboard.de/images/habo/misc/habo-logo.png');
}
</style>
<input class="check" type="checkbox"></input>
<div class="show">test</div>

Was den Film angeht wirst du dafür höchstwahrscheinlich nicht um eine ClientSeitige Programier/Script-sprache herumkommen.
Da bin ich aber momentan zu faul ein Snippet für zu suchen