Java ja CSS

avutonko

Apua!
Miten toteutan tälläisen:
Minulla on linkkinapit (kuvat) miten saan sen vaihtamaan väriä, kun laitan hiiren sen päälle tai klikkaan sitä?
Ymmärrän sen verran, että pitää tehdä kaksi eriväristä nappia. Mitä sitten?
Javascriptiä, mutta miten se toimii. Löysin kyllä niitä valmiita koodejakin... Mutta onko neuvoja avuttomalle?

5

678

    Vastaukset 5

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • avutonko

      Voisiko joku auttaa, minua?

      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?


      img
      src="G:\kotisivu\sivuston-kuvat\nappula-kauppa.jpg" Onko tämä kuva se alkuperäinen?
      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

      • saatko tästä mitään irti:

        "

        "

        katotaas näkyykö nyt kun laitoin noi lainausmerkit kummankin puolen.


      • harrastelijakirurgi kirjoitti:

        saatko tästä mitään irti:

        "

        "

        katotaas näkyykö nyt kun laitoin noi lainausmerkit kummankin puolen.

        ei vaan onnistunut: kokeillaas näin, väkäset puuttuu alusta ja lopusta.

        body onload="MM_preloadImages('images/otsikko2.jpg')"
        a href="1.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','images/otsikko2.jpg',1)">


      • harrastelijakirurgi kirjoitti:

        ei vaan onnistunut: kokeillaas näin, väkäset puuttuu alusta ja lopusta.

        body onload="MM_preloadImages('images/otsikko2.jpg')"
        a href="1.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','images/otsikko2.jpg',1)">

        img src="images/otsikko1.jpg" name="Image1" width="365" height="70" border="0" id="Image1" /


      • harrastelijakirurgi kirjoitti:

        img src="images/otsikko1.jpg" name="Image1" width="365" height="70" border="0" id="Image1" /

        Toki javascriptilläkin voi tehdä, mutta saman teko onnistuu kyllä pelkällä css:kin.

        esimerkkejä:
        http://www.cssdrive.com/index.php/examples/exampleitem/jk_cool_css_menu/
        http://www.dynamicdrive.com/style/csslibrary/item/bevel-horizontal-menu/

        Noissa esimerkeissä on muutettu vain väriä kun hiiri on yllä, mutta esimerkiksi hover arvoon voidaan yhtä hyvin vaihtaa kuvaakin. Idean kun hoksaa niin kyllä se siitä.


    Ketjusta on poistettu 1 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Haluatko että unohdan sinut kokonaan

      Siihen suuntaan ollaan menossa, nyt jo. Ja ehkä parempi näin, niin ei kulu energiaa hukkaan mahdottomuuteen. Ja vaikka j
      Ikävä
      92
      1433
    2. Haapaveden upea kurvikuningatar

      No nyt on kyllä mahtava uutinen että Haapaveden rohkea ja toimelias nainen ja yrittäjä on päässyt finaaliin kurvikuninga
      Haapavesi
      89
      1042
    3. Millä nimellä

      kutsut kaivattuasi omassa mielessäsi?
      Ikävä
      42
      854
    4. Pisa-tulokset.....

      Tuoreen tutkimuksen mukaan suomalaisten osaaminen on edelleen OECD-maiden keskitasoa parempaa. Kantaväestön oppilaiden
      Maailman menoa
      298
      779
    5. Uskaltaisitko ihana nuorempi nainen lähettää

      WhatsApp -viestiä, jos sulla on mun numero. Olisin ihan haltioitunut... Tykkään ja kaipaan ❤️❤️
      Ikävä
      85
      682
    6. Jos ajattelit että

      Annan anteeksi niin en anna.
      Ikävä
      51
      666
    7. 44
      640
    8. Meinasi nainen mennä pasmat sekaisin

      Rupesin vapisemaan, kun huomasin sinut. Mutta sain sentään juuri ja juuri koottua itseni, etten ihan häpäissyt itseäni.
      Ikävä
      35
      631
    9. Sinulle viestiä

      Me sitten oikeasti tutustutaan ensin!!
      Ikävä
      47
      627
    10. Tiedät että on

      Tunteita yhä ja edelleen. Ehkä molemmin puolin.
      Ikävä
      28
      594
    Aihe