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
5
606
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
Epäily: Oppilas puukotti kolmea Pirkkalan koululla
Tämänhetkisen tiedon mukaan ainakin kolme oppilasta on loukkaantunut puukotuksessa Pirkkalan Vähäjärven koululla. Myös e2546937Jos yhdistät nimikirjaimet
Jos yhdistät sinun ja kaivattusi ensimmäisten nimien alkukirjaimet mitkä nimikirjaimet tulee? Sinun ensin ja sitten häne664464Jos olisit täällä
Tosin en tiiä miks oisit. (Ja hävettää muutenkin kun ei muka muulla tavoin osaa kertoa tätäkään) Jos jollain pienellä1393258- 1562342
Kesän odotuksia hyrynsalmella
Kyllä kesällä hyrynsalmellakin on mahdollisuus osallistua kylän menoon monella tavalla . On kaunislehdon talomuseolla181880Pirkkalan koulussa puukotus, oppilas puukotti kolmea
Ilmeisesti tyttöjä ollut kohteena.1711626Voi Rakas siellä
Olet ollut mun ajatuksissa taas koko päivän. Olet ihmeellinen kertakaikkiaan ja arvostan sinua niin paljon❤️Minulla ei o311508- 821504
Ohhoh! KAJ laukoi suorat sanat somessa - V-sana mainittu!
Ohhoh! Mitäs mieltä olet tästä huumoriryhmä KAJ:sta? Bara bada bastu on kyllä aikamoinen korvamato... Lue lisää: https391405Erika selvisi hienosti ennakkosuosikin paineista
Hienostihan se meni. Erika jätettiin yksin, eikä häntä tuettu, oli euroviisukiusattu, silti suoriutui ensiluokkaisesti.1121077