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?!
Kuva divissä on hover
Jquerykö
3
245
Vastaukset
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
- 1381329
Kauhavan häiriköijistä
Juttua Iltalehdessä. Pakko sanoa että noi nuoret on kyllä ihan pimeitä. Putkin peltoja jupksevat kiusaamaan kun ei tietä39916Haluan sinut, kuuletko minua.
Haluan sinut. Toivon, että voisimme olla yhdessä. Mietin pystynkö täyttämään toiveesi, olemaan arvoisesi. Voisitko saad32644- 14600
Tehdäänkö tänään toiveista totta?
Poikkea tänä illasta siinä lähellä ja annetaan silmien puhua ja sen jälkeen puhu sinä lopulta mitä ajattelet..46597Miksi Lapset kiusaa yöllä
Miksi Lapset kiusaa yöllä ihmisiä? Miksi vanhemmat antaa tämän tapahtua? Eikö ne huomaa ettei lapset ole kotona vai eivä26578Ajatteletko ollenkaan minua
Naiselle, jonka kanssa vahva tunne yhteydestä. Jota kipeästi kaipaan, mutta jota ei juuri näe. Onko siitä jo kolme vuott30557- 25555
Sama ransetti taas!
Keikkui tällä kertaa Honkavaaran tien varressa muutaman sadan metrin päässä Louhenkoskelta.. Otin rekisterin ylös ja ver17543Viimeinen lankafest
Käykää viimeisessä lanka festissä. Ensivuonna sitä ei enää ole. Rahat on loppu. Harmi .17523