Změna odkazu

Já si dělám tlačítka jen jako pozadí pod odkaz, které se při najetí šoupne stranou a je to ihned. Tlačítko vypadá takto

kód pro CSS je

	/*měnící*/
	.menici {
		background: url("images/pod_odkaz.gif") 0 0 no-repeat;
		width: 162px;
		height: 29px;
		display: block;
		color: #ffffff;
		margin: auto
		}
	.menici:hover {
		background-position: -162px 0;
		width: 162px;
		height: 29px;
		display: block;
		margin: auto
	}
	/*měnící konec*/

v dokumentu se pak zapisuje

<a class="menici" href="index.html" title="úvodní strana">ÚVODNÍ STRANA</a>

K vidění je to na
www.qaltmercator.cz
V anglické verzi je to menu ještě na javascript, kód je třikrát tak dlouhý - můžeš porovnat.

A jaký je dotaz?

Jestli ti vadí, že se ti obrázky po najetí myši zobrazují ze zpožděním, musíš zajistit, aby se předem - než se mají zobrazit - nahrály do cache prohlížeče (na lokální PC). Říká se tomu preload.
viz např. http://www.jakpsatweb.cz/javascript/preload-obrazk u.html

Ale můžu doporučit i elegantní řešení, které ti popsal Kráťa výše.

Tak jsem to zkoušel. A nějak mi to nefunguje pro více obrázků. Mohl by jste mi někdo napsat jak to mám přesně napsat aby to fungovalo? Díky. Tady je zápis:

<a href="kontakty.htm" target="fobsah"><img src="image/p_Sample.gif" onmouseover="this.src = 'image/a_Sample.gif'" onmouseout="this.src = 'image/p_Sample.gif'" border="0"><br>

<a href="onas.htm" target="fobsah"><img src="image/p_onas.gif" onmouseover="this.src = 'image/a_nas.gif'" onmouseout="this.src = 'image/p_onas.gif'" border="0"><br>

<a href="uredni_deska.htm" target="fobsah"><img src="image/p_urdeska.gif" onmouseover="this.src = 'image/a_urdeska.gif'" onmouseout="this.src = 'image/p_urdeska.gif'" border="0"><br>

<a href="oznameni.htm" target="fobsah"><img src="image/p_ozn.gif" onmouseover="this.src = 'image/a_ozn.gif'" onmouseout="this.src = 'image/p_ozn.gif'" border="0"><br>

<a href="knihovna.htm" target="fobsah"><img src="image/p_knihovna.gif" onmouseover="this.src = 'image/a_knihovna.gif'" onmouseout="this.src = 'image/p_knihovna.gif'" border="0"><br>

<a href="kulturni_akce.htm" target="fobsah"><img src="image/p_menubutton1.gif" onmouseover="this.src = 'image/a_menubutton1.gif'" onmouseout="this.src = 'image/p_menubutton1.gif'" border="0"><br>

<a href="tur._inf._centrum.htm" target="fobsah"><img src="image/p_turist.gif" onmouseover="this.src = 'image/a_turist.gif'" onmouseout="this.src = 'image/p_turist.gif'" border="0"><br>

<a href="fotogalerie.htm" target="fobsah"><img src="image/p_kultakce.gif" onmouseover="this.src = 'image/a_kultakce.gif'" onmouseout="this.src = 'image/p_kultakce.gif'" border="0"><br>

<a href="sport.htm" target="fobsah"><img src="image/p_sport.gif" onmouseover="this.src = 'image/a_sport.gif'" onmouseout="this.src = 'image/p_sport.gif'" border="0"><br>

Už jsem ti jednou psal, že pro zdrojáky je tag CODE. Zkus ho použít, nekouše. (host)

Co Ti na tom nefuguje? A kde máš napsaný ten javascript?

  a_onas = new Image(); 
  a_onas.src = "a_onas.gif"; 

  a_urdeska = new Image(); 
  a_urdeska.src = "a_urdeska.gif"; 

  a_ozn = new Image(); 
  a_ozn.src = "a_ozn.gif"; 

... a tak dále pro další odkazy.

Super děkuju. Funguje to.