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
3
192
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
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ä433753- 382508
Naiselle mieheltä
Huomasin tuossa, että jääkaapissani on eräs sinun ostamasi tuote edelleen avaamattomana. Arvaatko mikä?342031- 231782
- 171699
Ihmetteletkö, mihin sinussa ihastuin?
Pikkuhiljaa huomasin, että olet ainutlaatuinen luonne, plussana tietysti ulkoiset avut. Toista ei taida löytyä koko maai1001612- 231598
Mitä yhteistä on sulla ja kaivatulla?
Onko teillä samantyyppinen olemus tai luonne? Vai muistuttaako vartalonne toisiaan? Tai kasvot? Entä pukeutuminen? Onko991466- 241457
- 221419