Mouseovereffekt bei Bildern mit CSS? Wie?

[cinpix]

Hallo!
In einem Layer (der die gleiche Größe wie das Bild hat) gibt es ein Bild, welches als Link dient, und wenn man drüber fährt soll ein anderes Bild der gleichen Größe angezeigt werden.

 <a href="seite1.html"><img src="pic1.gif" width="160" height="155"
 onmouseover="this.src='pic2.gif'" onmouseout="this.src='pic1.gif'"></a>

> Mit diesem Beispiel würde es zwar auch funktionieren, aber in einem Layer würde das ziemlich grauslig aussehen. Nochdazu möchte ich gerne den Rahmen vermeiden, der ensteht, wenn ich aus dem Bild einen Link mache.
Bitte helft mir! Habt ihr Ideen oder Alternativen?
[! sehr wichtig !]
Danke
Schönen Tag noch

 

[Leola13]

Hai,

so in der Art :

a.ps { 
	text-decoration: none;
	display:block; 
	list-style-type: none;
	font-size: 12px;
	text-align:center;
      background-image:url(button-130.gif);
	background-repeat: none;
      width:110px; height:102px;
	}

a:hover.ps	{ 
	color: #fff;
	text-decoration: none;
	list-style-type: none;
	background-image:url(button-130g.gif);
	background-repeat: none; 
	}

Ciao Stefan

 

[redlama]

Das Thema hatten wir von 2 Tagen gerade schonmal.
Ich gebe Dir mal den Link zu dem Thread, dann brauchst Du nicht zu suchen!
http://www.tutorials.de/tutorials192234.html

redlama

 

[versuch13]

hi,

 <a href="seite1.html"><img src="pic1.gif" width="160" height="155" border="0" onmouseover="this.src='pic2.gif'" onmouseout="this.src='pic1.gif'"></a>

mit dem border="0" kannst du zumindest schon mal den rahmen um das bild loswerden.

MfG