Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Kuvan vaihtaminen JavaScriptilla

Sivun loppuun

Rocceri [22.04.2009 21:26:53]

#

Heippa!

Oisikohan mahdollista tehda JavaScriptilla seuraavanlainen koodi: Kun hiirella siirtaa esim. kuvan "A" taustalla olevan kuvan kohdalle, niin kuvan "A" tilalle tuleekin kuva "B", joka siirtyy hiiren mukana?

Jos on mahdollista, olisiko linkkia tai valmista esimerkkia?

-Rocceri

Smuliii [22.04.2009 21:33:11]

#

Mä en kyllä saanut mitään tolkkua tuosta lauseesta. Selitäs uudelleen, jospa sitten tajuaisin. ;)

juha127 [23.04.2009 08:01:42]

#

Kyllähän tämä onnistuu. Etsit käteesi jonkun JavaScript alkeetoppaan, useimmissa on selitelty kursorin vaikutus, kun se laitetaan elementin päälle.

Rocceri [23.04.2009 11:19:38]

#

Siis, tarkoitus olisi, etta hiirta seuraa kuva ja kun kuva A on tietyssa kohdassa, se muuttuu kuvaksi B.

Olli [23.04.2009 13:10:01]

#

Näin saat kuvan vaihtumaan kun hiiri viedään kuvan päälle:

<img id="kuva" src="kuva.png" onmouseover="vaihda('kuva', 'kuva2.png');">

<script type="text/javascript">
function vaihda(kuvaid, kuvanimi){
document.getElementById(kuvaid).src = kuvanimi;
}
</script>

kinnala [24.04.2009 00:19:28]

#

Tässä tällainen nopeasti väännetty jquery-purkka. Sovellappa sitä.

Rocceri [24.04.2009 13:03:05]

#

kinnala kirjoitti:

Tässä tällainen nopeasti väännetty jquery-purkka. Sovellappa sitä.

Mahtava toisaalta, mutta en ole yhtään perehtynyt tähän kieleen, joten tämä vaikuttaa hankalalta.
Osaisitko sinä vääntää tästä sellaisen, että kun tuo laatikko on kerran siirretty tuon toisen päälle, se pysyisi sinä värinä? :'(

jo123 [24.04.2009 13:05:31]

#

Rocceri kirjoitti:

Mahtava toisaalta, mutta en ole yhtään perehtynyt tähän kieleen, joten tämä vaikuttaa hankalalta.

Jquery ei ole ohjelmointikieli vaan javascript kirjasto!

Rocceri [24.04.2009 13:09:33]

#

jo123 kirjoitti:

Jquery ei ole ohjelmointikieli vaan javascript kirjasto!

JavaScriptiä tarkoitin.. Ainoa mitä osaan sillä, on alert :D

eq [24.04.2009 13:26:47]

#

Rocceri kirjoitti:

jo123 kirjoitti:

Jquery ei ole ohjelmointikieli vaan javascript kirjasto!

JavaScriptiä tarkoitin.. Ainoa mitä osaan sillä, on alert :D

Perehtyäksesi ks. tämä, tämä, tämä, tämä, tämä, tämä, tämä, tämä, tämä, tämä ja tämä. Annetun järjestyksen noudattaminen saattaa helpottaa perehtymistä.


Sivun alkuun

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta