Frage zum Hover-Effekt

[Falaffel]

Hallo,

wie ist es möglich per hover effekt eines Bildes die Transparents eines anderen Bildes zu bestimmen?
Wäre super wenn Ihr mir aushelfen könntet.

Gruß Falaffel

[djheke]

Geht es etwas genauer ?

[Falaffel]

Ich habe mit Hilfe einer Tabelle ein Grundriss einer Etage dargestellt. Dabei ist jede Zelle der Tabelle ein Raum mit einer extra Img datei. Nun möchte ich das wenn man mit der Maus über einen Raum fährt ein anderes Bild (gibt Informationen über den Raum preis) außerhalb der Tabelle welches ich in einem <article> Element eingebunden hab seinen Transparent-Wert von 0.5 auf 1 setzt.
Wie könnte man das bewältigen?

[Azra]

Wenn ich es recht verstehe ist in jedem <td> ein <img/> welche Standartmäßig auf 0.5 Opazität gestellt sind. Wenn der Mauszeiger über <img/> gehalten wird soll dieses auf 1 gestellt werden.

Das käme an Code bei rauss:

Code: Alles auswählen

td img{
filter:alpha(opacity=50);
-moz-opacity: .50;
-khtml-opacity: .50;
opacity: .50;
}
td img:hover{
filter:alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}


[till]

Hallo,

Folgendes ist möglich:

Code: Alles auswählen

[...]
<td>
  <img src="xy.abc" alt="" class="show-caption" />
  <img src="ab.xyz" alt="" class="caption" />
</td>
[...]

Beim hovern über die td das Bild mit der Klasse "caption" einblenden.

Folgendes ist nicht möglich (bzw. mit JavaScript möglich):

Code: Alles auswählen

[...]
<table>
  [...]
  <td>
    <img src="xy.abc" alt="" class="show-caption" />
  </td>
  [...]
</table>
<article>
  <img src="ab.xyz" alt="" class="caption" />
</article>
[...]