Mitenhän voisi tehdä kuvan, jonka päälle kun vie hiiren se vaihtuu ja kyseisessä kuvassa olisi linkki?
linkki ja kuvan vaihtuminen
3
551
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
- 814502
Persujen mukaan rasismi on huumoria
Vaan kun koomikko kutsui Halla-ahoa fasistiksi, niin piti haastaa oikeuteen. Mihin se huumorinitaju yhtäkkiä hävisi? ⠀584193Purra on kantanut vastuuta täyden kympin arvoisesti
Luottoluokituksen lasku, ennätysvelat ja ennätystyöttömyys siitä muutamana esimerkkinä. Jatkakoon hän hyvin aloittamaans1234186BOIKOTOIN - Ei mitään Suomi.fi postilaatikoita käyttöön
Ainakaan minulle! Vai että pitäisi alkaa siellä käyädä katselemassa tammikuusta 2026 siis periaatteessa päivittäin että1803411- 1882715
Lasse Lehtonen vaatii persuja pyytämään anteeksi aasialaisilta
Persut ova romahduttaneet Suomen maakuvan parissa päivässä negatiiviseksi rasismillaan ja se alkaa vaikuttamaan jo Suome652683Surullista
Että menetit sen naisen , tosi surullista ja vielä oman tyhmyyden takia ,ymmärrän että se on masentavaa582597Hallitus on kaadettava ja Orpon on erottava
Mikään muu hallitus ei ole oman elämäni aikana tuhonnut näin paljon tämän maan taloutta ja työllisyyttä sekä suomen main352582Muuttunut käytös
Onko kaivattusi käytös muuttunut? Tiedätkö mistä se johtuu? Haluatko kertoa, mitä tapahtui?692475Väkeä oli liikkeellä
Nyt leijutaan pilvissä. Kun eläinpuistossa oli porukkaa 😆😆 Olihan siellä kun ilmaiseksi pääsivät. Eiköhän se juuri sik432142