Obrazok na stranke aby sa zmenil po prechode mysoou na iny

• Citovať príspevok

Príspevok od používateľa ryty » 24 júl 2007, 18:32

• Citovať príspevok

Príspevok od používateľa sanyika » 24 júl 2007, 19:16

<img src="zdroj1.jpg" name="nazov" onMouseOver="nazov.src='zdroj2.jpg'" >

• Citovať príspevok

Príspevok od používateľa chrono » 24 júl 2007, 19:33

• Citovať príspevok

Príspevok od používateľa ryty » 24 júl 2007, 21:18

• Citovať príspevok

Príspevok od používateľa turtlak69 » 24 júl 2007, 21:47

uz sa to tu raz riesilo a tiez som tam dal ako radu toto:

Kód: Vybrať všetko

<center><a href="kaktus.php?menu=novinky"><img src="img/gombik_1_novinky.jpg" onmouseover="this.src = 'img/gombik_2_novinky.jpg'" onmouseout="this.src = 'img/gombik_1_novinky.jpg'" alt="novinky" width="101" height="36"></a></center>

myslim, ze to je to, co chces

• Citovať príspevok

Príspevok od používateľa Hip-hoper » 24 júl 2007, 22:04

turtlak69 napísal:uz sa to tu raz riesilo a tiez som tam dal ako radu toto:

Kód: Vybrať všetko

<center><a href="kaktus.php?menu=novinky"><img src="img/gombik_1_novinky.jpg" onmouseover="this.src = 'img/gombik_2_novinky.jpg'" onmouseout="this.src = 'img/gombik_1_novinky.jpg'" alt="novinky" width="101" height="36"></a></center>

myslim, ze to je to, co chces

ja som s tym mal problemy. Pouzival som to v menu a obcasne pri prechode myskou na odkaz sa obrazok nezmenil. Teraz mam cez css a parada. Mam obidva obrazky spojene do jedneho, akoze jeden a druhy pod nim (ako jeden .png) a v css mam nastavene v a (ako odkaz) background ten obrazok, a background-position: top a width polovicu z toho pngcka (aby bolo vidno len vrch) a potom mam a:hover (pri prechode) background zase ten obrazok, a background-position: bottom a width polovicu z toho pngcka (aby bolo vidno spodok, cize druhy obrazok)... no tazko to tak vysvetlit, dufam, ze aspon nekto pochopil

• Citovať príspevok

Príspevok od používateľa chrono » 25 júl 2007, 1:00

• Citovať príspevok

Príspevok od používateľa ryty » 26 júl 2007, 3:05

Hip-hoper napísal:ja som s tym mal problemy. Pouzival som to v menu a obcasne pri prechode myskou na odkaz sa obrazok nezmenil. Teraz mam cez css a parada. Mam obidva obrazky spojene do jedneho, akoze jeden a druhy pod nim (ako jeden .png) a v css mam nastavene v a (ako odkaz) background ten obrazok, a background-position: top a width polovicu z toho pngcka (aby bolo vidno len vrch) a potom mam a:hover (pri prechode) background zase ten obrazok, a background-position: bottom a width polovicu z toho pngcka (aby bolo vidno spodok, cize druhy obrazok)... no tazko to tak vysvetlit, dufam, ze aspon nekto pochopil

mohol by si mi pomoct spravit to s tymimo obrazkami? aby prvy obrazok bol siva sipka a druhy modra. bol by som ti velmi vdacny

Prílohy

link_arrow_sel.png (958 Bajtov) 646 zobrazení

link_arrow.png (958 Bajtov) 646 zobrazení

• Citovať príspevok

Príspevok od používateľa caesar1987 » 26 júl 2007, 3:57

.odkaz a:link{
  background-image: url('obrazok1.gif'); background-repeat: no-repeat;
}

.odkaz a:visited{
  background-image: url('obrazok1.gif'); background-repeat: no-repeat;
}

.odkaz a:hover{
  background-image: url('obrazok2.gif'); background-repeat: no-repeat;
}

<div class="odkaz"><a href="niekam">odkaz(alebo len &nbsp; -> to je medzera)</a><div>

• Citovať príspevok

Príspevok od používateľa Hip-hoper » 26 júl 2007, 9:33

<div id="odkaz"><a href="daco.html?">&nbsp;</a></div>

#odkaz a {
       background-image: url(arrow.gif);
		 background-repeat: no-repeat;
		 background-position: top;
		 padding-left: 11px;
		 padding-top: 1px;
		 font-size: 8px;
		 }
		 
#odkaz a:hover {
		 background-position: bottom;
		 }

Prílohy

arrow.gif

(87 Bajtov) 238 stiahnutí

• Citovať príspevok

Príspevok od používateľa ryty » 27 júl 2007, 4:13