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

239

Ää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. Mitä tahtuu Kasperi Viita/Suviviita

      Poliisia ja ambulanssia iso määrä.
      Seinäjoki
      87
      3647

    2. Kalasataman talossa lienee rakennusvirhe

      Ei pitäisi olla mahdollista parvekkeen kautta tulipalon kiivetä katolle saakka kuin korkeintaan ylimmästä kerroksesta.
      Maailman menoa
      188
      1436

    3. Mikä on kaivattusi

      ammatti?
      Ikävä
      77
      1387

    4. Kristillinen Kaste on syntisten kaste, ei itsensä uskoviksi julistaneiden kaste

      Raamatun mukaan vain syntisyyden vuoksi kastetut saavat kasteen hyödyn, syntien anteeksisaamisen ja Pyhän Hengen lahjan
      Kaste
      240
      1080

    5. Kaipaatko nainen

      Semmoista tosi hankalaa ja arkaa miestä? Pitäisitkö hänet aina omanasi jos saisit hänet? Miten huomioisit hänen herkkyyd
      Ikävä
      105
      1010

    6. Venäjä teki mahtavan iskun Kiovaan?

      Miksi Ukraina ei kykene tekemään Moskovaan yhtä mahtavia iskuja.
      Maailman menoa
      322
      999

    7. Onko kaivattusi ulkonäkö

      tarpeeksi miellyttävä? 🥕
      Ikävä
      45
      907

    8. Mökille pariksi viikoksi hänen kanssaan

      Ei teknologialaitteita. Niin ❤️
      Ikävä
      96
      879

    9. Milloin ymmärsit

      Milloin tunnistit, että sinulle kirjoitetaan ja kuka kirjoittaa? Tarkka päivämäärä ja kellonaika 😉 Önnönnöö, jos ei os
      Ikävä
      79
      874

    10. Nojatuoli !

      Uutta kehiin, kun edellinen pikavauhtia täyttyi, pitäisikö kiittää näitä asian jouduttaneita? Pilvet leijaa, sadetta en
      80 plus
      125
      852
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt