Neregistrovaný Přihlásit Registrovat

Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem Jak vložit odkaz do měnícího se tlačítka (rolloveru)?

Ahojte, mám problém. Vložil jsem to stránky měnící se tlačítko (rollover), zadal jsem ho takto:

<img src="but/novinky1.jpg" onMouseOver="this.src='but/novinky2.jpg'" onMouseOut="this.src='but/novinky1.jpg'">

V samotném tlačítku problém není ale když k němu přiřadím odkaz tak se kolem něj vytvoří modrý rámeček. Nevíte co s tím?

Jsou zobrazeny jen nové odpovědi. Zobrazit všechny
Předmět Autor Datum
___________________________________________________ ____________________________ Takže problém jsem…
Stantien 08.05.2007 00:32
 Stantien
Nechce se mi to znovu vypisovat, ale takto jsem to kdysi dělal. Před </head>, čili do hlavičky si dá…
Kráťa 08.05.2007 02:58
 Kráťa
Safra je to nějaké složité pro moje oko. Nestačí vepsat ten script na preload? Musím zas měnit i vs… nový
Stantien 12.05.2007 15:12
 Stantien
Ten scriptik je v one prvni casti. Pouze tam uvedes tve nazvy souboru (s tlacitky), pripadne si prid… nový
Kráťa 12.05.2007 15:18
 Kráťa
<html> <head> <style type="text/css"> img.on, img.off { border-width: 0px; } a.image img.on { displa… nový
Monkey 12.05.2007 17:53
 Monkey
Celé to obrázkové menu by šlo spraviť textovo tak, že by si takmer nespoznal viditeľný rozdiel. Menu… nový
los 12.05.2007 20:32
 los
portainferi.ic.cz Podívejte se prosím, při prvním načtení stránky se tlačítka zobrazí, až když je p… nový
Stantien 16.05.2007 22:53
 Stantien
Máš špatně zadané cesty k souborům s obrázky tlačítek. <img src="novinky/but/historie1.jpg" ... Mě… nový
host 16.05.2007 23:02
 host
No já nechápů věcí, ale díky za pomoc :) poslední
Stantien 21.05.2007 20:21
 Stantien
Čo tak spraviť namiesto obrázkového textové menu? Pozadie tých položiek som odflákol, ale pre predst… nový
los 16.05.2007 23:52
 los

___________________________________________________ ____________________________

Takže problém jsem odstranil za čistě za pomocí notepadu, ted bych se ještě rád zeptal na ten script, co o něm tady někdo mluvil, aby si prohlížeč načetl prvni obrázky do svojí paměti...??

Nechce se mi to znovu vypisovat, ale takto jsem to kdysi dělal.
Před </head>, čili do hlavičky si dáš script na to přednahrání

<script type="text/javascript" language="JavaScript">
<!--- Hide from tired old browsers
// preload images:
bt_01_1 = new Image();
bt_01_2 = new Image();
bt_01_1.src="images/t_uvod1.gif";
bt_01_2.src="images/t_uvod2.gif";

bt_02_1 = new Image();
bt_02_2 = new Image();
bt_02_1.src="images/t_o_go1.gif";
bt_02_2.src="images/t_o_go2.gif";

bt_03_1 = new Image();
bt_03_2 = new Image();
bt_03_1.src="images/t_pravidla1.gif";
bt_03_2.src="images/t_pravidla2.gif";

bt_04_1 = new Image();
bt_04_2 = new Image();
bt_04_1.src="images/t_download1.gif";
bt_04_2.src="images/t_download2.gif";

function bt_01_in()  {bt_01.src = bt_01_2.src;}
function bt_01_out() {bt_01.src = bt_01_1.src;}

function bt_02_in()  {bt_02.src = bt_02_2.src;}
function bt_02_out() {bt_02.src = bt_02_1.src;}

function bt_03_in()  {bt_03.src = bt_03_2.src;}
function bt_03_out() {bt_03.src = bt_03_1.src;}

function bt_04_in()  {bt_04.src = bt_04_2.src;}
function bt_04_out() {bt_04.src = bt_04_1.src;}
// end hiding --->

</script>
<!-- konec Javascriptu -->

a v menu v <body> potom je

<a href="index.html">
<img src="images/t_uvod1.gif" border="0" alt=" Úvodní strana "
name="bt_01"onmouseout="bt_01_out()" onmouseover="bt_01_in()" 
style="margin-top: -4px"></a><br>

<a href="o_go.html">
<img src="images/t_o_go1.gif" border="0" alt=" O&nbsp;hře go "
name="bt_02"onmouseout="bt_02_out()" onmouseover="bt_02_in()" 
style="margin-top: -21px"></a><br>

<a href="pravidla.html">
<img src="images/t_pravidla1.gif" border="0" alt=" Pravidla hry "
name="bt_03"onmouseout="bt_03_out()" onmouseover="bt_03_in()" 
style="margin-top: -21px"></a><br>

<a href="download.html">
<img src="images/t_download1.gif" border="0" alt=" Downloat "
name="bt_04"onmouseout="bt_04_out()" onmouseover="bt_04_in()" 
style="margin-top: -21px"></a>

samozřejmě názvy souborů (obrázků tlačítek) a cest si musíš dopsat podle sebe, a také doplnit případně další bt_05, bt_06 atd.

<html>
<head>
<style type="text/css">
img.on, img.off {
	border-width: 0px;
}
a.image img.on {
	display: none;
}
a.image img.off {
	display: inline;
}
a.image:hover img.on {
	display: inline;
}
a.image:hover img.off {
	display: none;
}
a.image:hover {
	background-color: transparent;
}
</style>
</head>
<body>
<a href="novinky.html" class="image"><img src="but/novinky1.jpg" alt="Novinky" class="off"><img src="but/novinky2.jpg" alt="Novinky" class="on"></a>
</body>
</html>

Celé to obrázkové menu by šlo spraviť textovo tak, že by si takmer nespoznal viditeľný rozdiel. Menu by sa jednoduchšie upravovalo (stačilo by prepísať text), rýchlejšie načítalo (iba jeden obrázok pozadia), zobrazovalo aj pri vypnutých obrázkoch (bol by to text), fungovalo aj pri vypnutom JavaScripte (výzor by bol definovaný v štýloch) a podobne. Potom by výsledný kód kazil už len ten zvyšok stránky.

Máš špatně zadané cesty k souborům s obrázky tlačítek.

<img src="novinky/but/historie1.jpg" ...

Mělo by být

<img src="but/historie1.jpg" ...

Nechápu, proč se pouštíš do složitých věcí, na které nestačíš. Nestačily by pro začátek obyčejný tlačítka bez rollover efektů, nebo klidně i textová? Důležitější bude obsah stránek, na který by ses měl soustředit.

Zpět do poradny Odpovědět na původní otázku Nahoru