Minulla on kaksi kuvaa ja haluaisin tehdä gif buttonin. Eli sellaisen, kun laittaa hiiren kuvan päälle kuva vaihtuu.
Vaihtuva kuva
Vaihtuva kuva
4862
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 4
Vanhimmat
Jos et nyt välttämättä halua tapella tuota css:llä, tässä javascript-toteutus.
div#navi a {
display: block;
width: 80px;
height: 20px;
background-image: url(blah.gif);
border: 0px;
}
div#navi a:hover {
display: block;
width: 80px;
height: 20px;
background-image: url(blah2.gif);
border: 0px;
}
miten tuo pitää lisätä linkkiin?
Sitä ei oikeastaan lisätä linkkiin, vaan linkki laitetaan elementtiin, joka identifioidaan nimellä navi.
Tässä vaizkin koodi sivulle laitettuna:
Untitled
div#navi a {
display: block;
width: 80px;
height: 20px;
background-image: url(blah.gif);
border: 0px;
}
div#navi a:hover {
display: block;
width: 80px;
height: 20px;
background-image: url(blah2.gif);
border: 0px;
}
linkki