
Zasláno: st 12. září 2012 07:27
Viděl bych to nějak takhle
HTML:
kód: <a href="http://einex.717.cz/menu/siemens" class="link-siemens"></a>
CSS:
kód: a.link-siemens { background-image: url('obrazek1.png'); width: 63px; height: 45px; display:block; }
a.link-siemens:hover { background-image: url('obrazek2.png'); }
A překvapivě to nechce HTML5, JS, flash ani CSS3

Přes CSS3 nebo JS by se muselo dělat, kdyby při najetí ty obrázky měly nějak prolínat nebo něco takovýho.
Ale nejsem si jistý, jestli to bude fungovat

//edit, upraveno, otestováno, funguje @ Opera.
Předpokládám, že se to dá udělat i nějak čistěji než pro <A> měnit display na block, ale funguje to, tak co.
Taky může být problém, že když se člověku nenačtou obrázky/má je vypnuté, tak místo toho neuvidí žádný alternativní text. Ale na to se tady asi nehraje