Vaihtuva kuva (Mouse-over)

Kernaasti haluaisin myös kaksi index-sivulle kaksi kuvaa "päällekkäin". Tummemman ja vaaleamman kuvan. Siis, kun kursorin veisi kuvan päälle kuva ikäänkuin näyttäisi vaalenevan. Ei ole Javaa eikä hienouksia, olisiko tähän jotain helppoa palikkakoodia?
Missä oikea paikka koodille?
71193
Äänestä

Muut lukivat myös

Vastaukset 7

Vanhimmat

ja vielä vähän vaikeampaa tapausta, kuvissa olisi "kuumia" kohtia joita klikkaamalla pääsee muualle.
Joulunpyhinä ehkä aikaa tutkia.
Kirjoittelen tänne kun asia ratkeaa.

Äänestä
  • "kuumat kohdat" tehdään kuvakartalla:
    http://www.saunalahti.fi/wpoet/fin/htmlref-4.htm#map

    Alkuperäiselle: itse tekisin homman css:llä niin, että se itse kuva on taustakuvana ja se vaihtuva kuva olisi hoverina.

    a:link {
       height : 40px;
       width : 150px;
       background : transparent url(kuva.png) no-repeat;
    }
    a:hover {
       background : transparent url(toinenkuva.png) no-repeat;
    }

    Äänestä

  • Höpö. kirjoitti:

    "kuumat kohdat" tehdään kuvakartalla:
    http://www.saunalahti.fi/wpoet/fin/htmlref-4.htm#map

    Alkuperäiselle: itse tekisin homman css:llä niin, että se itse kuva on taustakuvana ja se vaihtuva kuva olisi hoverina.

    a:link {
       height : 40px;
       width : 150px;
       background : transparent url(kuva.png) no-repeat;
    }
    a:hover {
       background : transparent url(toinenkuva.png) no-repeat;
    }

    minulla on jo sivuilla useita toimivia
    kuvakarttoja.
    Mutta siis silleen, että kuvakarttakuvakin
    muuttuu kun päällä liikutellaan hiirtä.
    Ja taustakuvasysteemi EI kyllä käy...

    Äänestä

  • Kiitos tuhannesti. Viikonloppuna muokkailemaan... Hauskat joulut!

    Äänestä

  • tää täytyy tutkia, vaikuttaa lupaavalta.
    Kiitos!

    Äänestä

  • tutkimassa asiaa kirjoitti:

    tää täytyy tutkia, vaikuttaa lupaavalta.
    Kiitos!

    kuvan vaihto hiiren osoittimen päälle laitolla
    meneekin itse asiassa varsin yksinkertaisesti:
    Tämä vaan bodyyn, muuta ei tarvita:

    Äänestä

Kommentoi aloitusta


Särki kirjoitti:

Kernaasti haluaisin myös kaksi index-sivulle kaksi kuvaa "päällekkäin". Tummemman ja vaaleamman kuvan. Siis, kun kursorin veisi kuvan päälle kuva ikäänkuin näyttäisi vaalenevan. Ei ole Javaa eikä hienouksia, olisiko tähän jotain helppoa palikkakoodia?
Missä oikea paikka koodille?

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu