zmena obrazku po prilozeni

1daemon1 · Napísal **1daemon1**: 11.05.2009 14:41

viem ze je to hlupa otazka ale s css zacinam

mam obrazok, a chcem aby sa po prilozeny miskou zmenil na iny,... ale nie a:hover lebo to plati pre vsetky linky,...

don jebot · Napísal **don jebot**: 11.05.2009 14:47

a cotak pouzit pre a nejaku class alebo id

to pomoze mozes to aj pomocou js ... najlepsie by bolo keby si napisal ako to chces pouzit ..

BBUlet · Napísal **BBUlet**: 11.05.2009 14:48

tak si knemu prirad triedu alebo id
napr

Kód:

A css by bolo

Kód:

.odkazz {
color: red;
}
.odkazz:hover {
color: green;
}

djsulo · Napísal **djsulo**: 11.05.2009 15:04

Kód:

<style>
  #picture {background: url(1.jpg);}
  #picture:hover {background: url(2.jpg);}
</style>
<div id="picture"></div>

don jebot · Napísal **don jebot**: 11.05.2009 15:10

djsulo píše:

Kód:

<style>
  #picture {background: url(1.jpg);}
  #picture:hover {background: url(2.jpg);}
</style>
<div id="picture"></div>

co na to povie IE6??

BBUlet · Napísal **BBUlet**: 11.05.2009 15:16

tak tak netreba zabúdať že IE6 zobrazuje hover len pre a :rolleyes:

1daemon1 · Napísal autor témy **1daemon1**: 11.05.2009 15:16

idem na to takto. pri tomto mi zobrazio miesto obrazku iba "akusi ciernu bodku

"

Kód:

.menu {position: absolute; top: 150px; height: 30px; width: 100%; left: 0px;}
a.nieco {background:url("../images/ikonky/nieco.jpg");}
a.nieco:hover {background:url("../images/ikonky/nieco3.jpg");}

a html:

Kód:

        <div class="menu">
        <ul>
          <li><a src="menu/nieco.php" class="nieco"></a></li>
        </ul></div>

BBUlet · Napísal **BBUlet**: 11.05.2009 15:20

este si tam pridaj vysku a sirku a do triedy menu list-style: none
cize niejak takto:

Kód:

.menu ul {
position: absolute; 
top: 150px;
height: 30px; 
width: 100%; 
list-style: none;
left: 0px;
}
.nieco {
width: 100px;
height: 50px;
background:url("../images/ikonky/nieco.jpg");
}
.nieco:hover {
background:url("../images/ikonky/nieco3.jpg");
}

don jebot · Napísal **don jebot**: 11.05.2009 15:49

a ak nechces aby ti to preblikavalo sprav to cez background-position

BBUlet · Napísal **BBUlet**: 11.05.2009 15:52

alebo JS

Kód:

img1=new Image();
img1.src="../images/ikonky/nieco3.jpg";

1daemon1 · Napísal autor témy **1daemon1**: 11.05.2009 21:00

diki moc ste mi pomohli

zmena obrazku po prilozeni

Podobné témy