cambiare attributo di un tag con l'hover di un altro

[Caleb]

mi sto perdendo in un problemino... se io ho una cosa di questo tipo:

#tinyimg
{
  width: 100px;
  height: 100px;
}

#tinyimg:hover
{
  width: 100px;
  height: 100px;
}

[img]immagine.jpg[/img]

come faccio da un altro tag (ad esempio #zoom) a controllare lo stato over di #tinyimg? e, altra cosa: perchè quel deficiente di IE non rileva lo stato hover sulle immagini?

[Mich_]

l'hover in IE e` supportato solo dai tag di link.

Da un altro tag, puoi imposatre un JS che modifica la classe cui assegni un oggetto:

<a href="#" onmouseover="document.getElementById('tinyimg).cla ssName='classover';">

[img]immagine.jpg[/img]


.classover {
width: 100px;
height: 100px;
}
.classout {
width: 100px;
height: 10px;
}

In alternativa guardati i menu fatti solo a CSS, dove viene usato quello che chiedi, e verifica se e` applicabile nel tuo caso (cerca tra i menu dei "link utili" ).

[Caleb]

mmm preferivo evitare js, nel frattempo ho scovato questo e sembra fare al caso mio

http://www.frankmanno.com/ideas/css-imagemap/