Javascriptiä ja kuvan vaihtumista

Keskustelua web-ohjelmointikielistä, kuten PHP ja Javascript. Myös CSS ja tietokanta-aiheiset keskustelut kuuluvat tänne.

Javascriptiä ja kuvan vaihtumista

Viesti tereza 01 Loka 2009 21:27

Voisiko joku auttaa, minua?
Minulla on varmaan monelle yksinkertainen javascript pulma.
Minulla on harmaa nappula, ja tämä pitäisi saada vaihtumaan punaiseksi, kun hiiri on nappulan päällä..
Minulla on siis kaksi kuvaa harmaa ja punainen.

Minulla on tälläinen koodi:
var kuva1 = new Image(nappula-kauppa.jpg), Tuleeko tähän vain pelkkä kuvan nimi vai polku myös?
kuva2 = new Image(nappula-kauppa-pun.jpg); Tuleeko tähän se toisenvärinen kuva?

kuva1.src = "G:\kotisivu\sivuston-kuvat\nappula-kauppa.jpg";
kuva2.src = "G:\kotisivu\sivuston-kuvat\nappula-kauppa-pun.jpg"; Onko nämä oikein merkitty?

body
img
src="G:\kotisivu\sivuston-kuvat\nappula-kauppa.jpg" Onko tämä kuva se alkuperäinen eli harmaa?
alt="Kauppaan"
width="124"
height="64"
onmouseover="if (document.images) {this.src=kuva2.src}" Mitkä kuvat tähän laitetaan ja mihin muotoon?
onmouseout="if (document.images) {this.src=kuva1.src}"/tuleeko näihin 2 kuvaa/rivi
:oops:
tereza
 
Viestit: 5

Re: Javascriptiä ja kuvan vaihtumista

Viesti Matso 03 Loka 2009 12:58

Ei tohon tarvita javasciptiä. Tässä ongelma ratkaistu CSS:llä.

Koodi: Valitse kaikki
<html>
   <head>
      <title>Nappi</title>
      <style type="text/css">
         div.vaihtuva {
            width: 100px; /* Kuvan leveys */
            height: 100px; /* Kuvan korkeus */
            background: url(harmaa.png); /* Harmaa kuva */
         }
         div.vaihtuva:hover {
            background: url(punainen.png); /* Punainen kuva */
         }
      </style>
   </head>
   <body>
      <div class="vaihtuva"></div>
   </body>
</html>
Tärkeitä linkkejä: Huuto.net ; Kahvi.ws ; matso.info ; KaLinks
Käyttäjän avatar
Matso
 
Viestit: 4878

Palaa alueelle Www-ohjelmointi ja kotisivut