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

192

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • 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ä.

    Luetuimmat keskustelut

    1. Nyt tajusin mitä haet takaa

      En epäile etteikö meillä olisi kivaa missä vaan. Se on iso hyppy henkisellä tasolla sinne syvempään päätyyn, kuten tiedä
      Ikävä
      43
      3753
    2. Kiitos kun sanoit ikävästi minulle, herkälle

      Sait kesälomani pilattua😔
      Ikävä
      38
      2508
    3. Naiselle mieheltä

      Huomasin tuossa, että jääkaapissani on eräs sinun ostamasi tuote edelleen avaamattomana. Arvaatko mikä?
      Ikävä
      34
      2031
    4. Jalkapalloa

      Ura ja Kokkola Cup?
      Kannus
      23
      1782
    5. Kaipaan niin....

      Aaawww mikä kaipuun tunne iski ja lujaa🥺😭❤️
      Ikävä
      17
      1699
    6. Ihmetteletkö, mihin sinussa ihastuin?

      Pikkuhiljaa huomasin, että olet ainutlaatuinen luonne, plussana tietysti ulkoiset avut. Toista ei taida löytyä koko maai
      Ikävä
      100
      1612
    7. Eiii...

      Etkä! 😘
      Ikävä
      23
      1598
    8. Mitä yhteistä on sulla ja kaivatulla?

      Onko teillä samantyyppinen olemus tai luonne? Vai muistuttaako vartalonne toisiaan? Tai kasvot? Entä pukeutuminen? Onko
      Ikävä
      99
      1466
    9. Mikset vain

      Unohtaisi?
      Ikävä
      24
      1457
    10. En ymmärrä miksi minä

      Maailma on täynnä sinulle muita
      Ikävä
      22
      1419
    Aihe