Mitenhän voisi tehdä kuvan, jonka päälle kun vie hiiren se vaihtuu ja kyseisessä kuvassa olisi linkki?
linkki ja kuvan vaihtuminen
3
480
Vastaukset
- juhakorkeapudas
Sen voi tehdä vaikka Javascriptillä, http://keskustelu.suomi24.fi/show.fcgi?category=108&conference=4500000000000145&subcat=1131.
CSS:llä et voi tietenkään luoda linkkejä. Mutta voit tehdä niin, että linkki on osa sivua mutta piilossa, kunnes osoitin viedään kuvan kohdalle.
Yksi kikkailumahdollisuus on se, että toisesta kuvasta tehdään CSS:llä taustakuva ja alkuperäinen kuva häivytetään. Linkkitekstin voi sijoittaa asemoinnilla. Tähän tapaan:
HTML-merkkaus:
linkkiteksti
CSS-koodi (jossa oletetaan, että kuvan koko on 210×209 pikseliä – koska testikuvani sattui olemaan sellainen):
.linkkikuva { width: 210px; height: 209px; position: relative; }
.linkkikuva a { display: none; }
.linkkikuva:hover { background: url(test2.png) no-repeat; }
.linkkikuva:hover img { display: none; }
.linkkikuva:hover a { display: inline; position: absolute; left: 4em; top: 5em; }
(Asetus position: relative tehdään sitä varten, että tämän jälkeen voidaan tekstielementti sijoittaa ”absoluuttisesti” tämän elementin sisällä.)- css:llä?
Voi olla pilkkuvirheitä, mutta idea varmaan selviää!
****************
a:link, a:visited, a:active {
background-image: url('1.gif');
position: absolute;
}
a:hover {
background-image: url('2.gif');
position: absolute;
}
***************
lapinakyva.gif: Voi olla vaikka 1 x 1 px, joka sitten html:ssä määritetään oikean kokoiseksi (tässä 100 x 100 px).
1.gif ja 2.gif: 100 x 100 px (en ole aivan varma, mutta käsittääkseni voidaan "esiladata" ilman scriptejä, liittämällä ne johonkin kohtaan sivua 0 x 0 px kokoisina).
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Mietitikö nainen koskaan
Miksi me ollaan päädytty tähän pisteeseen. Lähestmistapaa ei ole. Tarvitaanko me oikeasti enää tätä.1211708Olisi hauska tietää
Koska huomasit pitäväsi minusta? Itse taisin ihastua sinuun heti silloin kun tavattiin ensimmäistä kertaa. Miehelle, jon611086Marin on ehkä maailman kaunein "Nelikymppinen"
Marinin julkaisu on saanut yli 68 500 tykkäystä. Postauksen kommenttikentässä ylistetään paljon Marinin kauneutta, jota1441049En kelpaa sinulle
Varattuna - olen sinulle ongelma. Eroaminen vuoksesi voi olla turhaa, sillä me ei puhuta, kun olen varattu ja kumpikin v76890- 97885
Vernu Vasunta
On mahotonta miten marjanpoimijoita on kohdeltu! Eikö paremmalla kohtelulla olisi saanut paremman tuloksen?23861Minun on vaan päästettävä irti
Toiveesta. Satutan vain itseäni😥😔. Toivon sinulle pelkkää hyvää, eläthän elämäsi parasta aikaa, mutta en halua enää k37830Kertoisit jo
Rakastatko minua vai olenko käsittänyt väärin onko tämä vaan ystävyyttä tai kaveruutta? En haluaisi enää nolata itseäni42749Taidat vanhempi nainen
Haluta sen tien itsellesi. juokse vaan karkuun ! Pahentaa vaan asiaa.Pitäs toimia ihan toisin päin60745En koskaan saanut asiattomia kuvia!
Silloin kun olin vielä nuori, kukaan mies ei koskaan lähettänyt minulle asiattomia kuvia itsestään. Jos tiedätte mitä ta156711