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
677
Vastaukset 5
- 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
- 1831799
Muistakaa pojat tämä.
Mies joka haluaa naisen, löytää keinon. Ei epäröi eikä hämmennä. Tekee kaiken eteenne.113940Mitä mieltä olet?
Miehestä jolla ei ole yhtään kaveria, ei facebookissa eikä livenä ja hän harrasta ja tekee kaiken yksin. Onko vähän outo114840En ehkä onnistu siinä
Kovasti minä yritän näyttää kauniilta, vain sinua varten, mutta en taida onnistua siinä.58755Muhun rakastuu kaikki naiset, mut mä en rakastu niihin
Mun vaatimustaso on 10+ Mut mua tavottelee 7+ naiset209684- 135646
- 56631
Viesti jonka haluaisit lähettää...
hänelle. Onko jokin pieni tunniste jonka vain te tiedätte. Onko naiselta miehelle tai toisinpäin, joku joku päivämäärä21614Pahoin pelkään nainen
että pidät minua epäempaattisena, itsekeskeisenä, narsistisena ja kylmänä ihmisenä. Oletko koskaan ajatellut, että minus51572- 38568