Kuva divissä on hover

Jquerykö

Miten onnistuu näyttää eri kuva esim oikealla olevassa div laatikossa aina kun vie hiiren esim vasemmalla olevan valikon linkkien päälle?.. esim jos on linkki porkkanat, niin div laatikos näkyy porkkanan kuva jne jne?!

3

229

Äänestä

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Yucca

      Tokihan sen voi jQuerylläkin tehdä, mutta näin yksinkertainen asia kannattaisi tehdä vaikka vain harjoittelun vuoksi perus-JavaScriptillä. Jos et osaa, niin ei kannata ruveta jQueryä vielä harrastamaan. Sen tarkoitus ei ole, että et ymmärtäisi mitä teet, vaan helpottaa käytännön toteutusta.

      Yksinkertainen idea: Sijoita div-elementtiin img-elementti, jossa src-määrite viittaa alkutilassa johonkin peruskuvaan (vaikka sitten kokonaan valkoiseen). Liitä img-elementtiin id-määrite, esim. id=kuva. Sitten laitat vain linkkiin määritteen onmouseover="document.getElementById('kuva').src = 'porkkana.png'". Ja sen jälkeen pitää miettiä, mitä haluat tapahtuvan, kun osoitin viedään pois linkin alueelta. Haluat ehkä lisätä onmouseout-määritteen.

    • without JavaScript

      Miksi käyttää JavaSciptia, kun pelkällä CSS:lläkin tuo onnistuu. Hyödynnetän ~-merkkiä.

      • CSS3

        Kannattaa huomata, että vanhemmat selaimet (esim IE8 ja vanhemmat) eivät tue CSS3:n uusia valitsimia, joten JavaScript on vielä tällä järkevämpi valinta.

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Arman Alizadin viesti puna-aktivisteille: "Pitäkää lärvinne nytkin kiinni"

      Arman Alizad kritisoi vasemmiston kaksinaismoralismia. Iranissa syntynyt suosikkijuontaja Arman Alizad pakeni perheensä
      Maailman menoa
      359
      4588

    2. Minja Koskela nostanut vasemmistoliiton kannatuksen ennätykseen

      Koskela valittiin puolueen johtoon lokakuussa 2024, ja silloin Ylen kysely antoi puolueelle 9,3 prosentin kannatuksen.
      Maailman menoa
      148
      2598

    3. Antti johtaa Petteriä jo 7,1 prosenttiyksiköllä

      Tällä menolla sdp menee kokoomuksesta kierroksella ohi jo tällä vaalikaudella. https://yle.fi/a/74-20213575
      Maailman menoa
      82
      2196

    4. Harmi nainen kun

      olet niin elähtäneen näköinen. Miestä et koskaan löydä itelles. j
      Ikävä
      145
      1760

    5. Eikö me voitais

      Vaan harrastaa seksiä kun muusta ei tule mitään
      Ikävä
      31
      1310

    6. Hotelli kainuu

      Mietityttää, hotelli Kainuussa, se, että asiakkaat voivat valita ketä saa olla ja ketä ei, Illan aikana asiakkaina!
      Kuhmo
      44
      1292

    7. Kuinka pitkä välimatka

      on teidän kotien välillä?
      Ikävä
      41
      1283

    8. Mistä kehon osasta

      Pidät minussa eniten?
      Ikävä
      79
      1161

    9. Ovatko vastasyntyneet vauvat syntisiä?

      Se ihmisten keksimä järjetön perisynti, jos ovat!
      Luterilaisuus
      346
      1147

    10. Seuraavakin hallitus joutuu leikkaamaan

      Sitähän tämä hallitus nyt höpöttää, kun itse on ajanut tilanteen katastrofaaliseksi. Orpon hallitus lähti suurin puhein
      Maailman menoa
      143
      1029
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt