✔ Jquery RollOver

[Alaniak]

Hallo zusammen,

ich hab da ein Problem beim RollOver von Bilder.

Mal von vorne. Ich habe ein Menü, dass Bildern. Die Bilder sind als background-images mit CSS eingebunden:

<ul class="navigation">
	<li>
		<a href="#" id="home"><span class="hidden">Home</span></a>
	</li>
	<li>
		<a href="#" id="about"><span class="hidden">About</span></a>
        </li>
</ul>

.navigation #home
{
	background: url('../img/menu_home.gif') no-repeat;
}

.navigation #about
{
	background: url('../img/menu_about.gif') no-repeat;
}

Ich frag mich wie ich da jetzt am geschicktesten ein hover einbauen kann. Ich dachte, dass es wohl mit jQuery am einfachsten wär, also "background" bei rollover und rollout wechseln. Ich weiß nur nicht wie ich das machen soll. Kann mir da jemand helfen?

 

[Maik]

Hi,

warum nimmst du den Bildertausch / Hover-Effekt nicht einfach mit CSS vor?

Mein Tutorial CSS-Rollover zeigt dir hierfür die technischen Möglichkeiten auf.

mfg Maik

 

[Alaniak]

Genau das hab ich gesucht

Vielen Dank!