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?
Java ja CSS
avutonko
5
670
Vastaukset
- 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/rivisaatko 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
- 484056
Joensuun kaupunki levittelee tonttitietoja Keskisuomalaiselle
Sähköposteja ja tonttitietoja levitellään mm. Pasi Koivumaalle131940Oletko nainen alkanut kammoamaan minua
Sinua ei näy eikä kuulu, ja ilmeisesti kiertelet tilanteita. Oletko huomannut, että olet vieläkin ajatuksissani luvattom631385Saako 60 v vielä töitä? Arto Nyberg puhuu suoraan elämästä ilman töitä
Arto Nyberg täyttää tänään 60 v. Onnea! Nyberg totuttiin näkemään suoran haastatteluohjelman kapteenina vuodesta toise951316Toivoisitko Rakas vielä?
Haluaisitko vielä? Uskoisin osaavani näyttää sinulle, kuinka ainutlaatuinen nainen olet.681205Tiesitkö tätä ex-miehistä? Noriko Salo jysäytti yllätyspaljastuksen
Noriko Salo ja ex-F1 kuski Mika Salo olivat naimisissa v. 1999-2022. Kirsi Salon ex-mies puolestaan on muusikko Sammy A51091- 47961
Ihan pieni näkeminen vaan
👋 ja minä olisin valmis jo vaikka mihin sun kanssa. Nämä on näitä.. 🤫🫣😘💥28949Keskustelua kasteesta
You tubessa kaksi pappia keskustelivat kasteesta ja kritisoivat raamatullista uskovien kastetta. Toinen heistä yritti334930En haluaisi kaiken kuihtuvan pois
ilman, että olemme voineet jutella rauhassa kasvotusten... Mutta mistä ihmeestä löydän sinut?40927