Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

javascript kod, "onClick" och "onmouseOver"

1
Skriv svar
Permalänk
Inaktiv
●

javascript kod, "onClick" och "onmouseOver"

Tjena!

Behöver lite hjälp med en kod, skulle vilja veta vilken kod jag ska använda för att få en bild att ändra sig 3 gånger på min hemsida, tex:

Bild1 sen när du drar musen över bilden kommer Bild 2 fram, och när du klickar på Bild2 kommer Bild3 fram.
Också när du har klickat på bild3 ska bild 2 komma fram igen och slutligen när du drar bort musen ifrån Bild2 kommer Bild1 fram.

Har försökt med en massa kod men aldrig fått det att funka, så skulle uppskatta om nån kunde skriva koden, tydligt och klart
Tack!

Redigera
Citera flera Citera
Permalänk
Medlem
●

Ta en titt på http://jquery.com och sätt dig in i det så blir ditt liv mycket lättare.

Du vill antagligen ha något i stil med detta http://cssglobe.com/lab/tooltip/02/ och kombinera det med detta http://leandrovieira.com/projects/jquery/lightbox/

Visa signatur

CPU: Intel Xeon E5-2620v3 (6x2.4 GHz) RAM: 16GB (4x4GB) 2133 MHz DDR4 ECC
GPU: EVGA GeForce GTX 970 4GB Chassi: Dell Precision Tower 7910, 1300W (v2)

Redigera
Citera flera Citera
Permalänk
Inaktiv
●
Skrivet av Weno:

Ta en titt på http://jquery.com och sätt dig in i det så blir ditt liv mycket lättare.

Du vill antagligen ha något i stil med detta http://cssglobe.com/lab/tooltip/02/ och kombinera det med detta http://leandrovieira.com/projects/jquery/lightbox/

Gå till inlägget

Inte riktigt vad jag sökte, är inte ute efter att lära mig nya programspråk för en enstaka funktion på min sida, ville bara ha koden.
Men något jag får titta mer på senare när jag vill utveckla sidan yttligare ett snepp ;D

Redigera
Citera flera Citera
Permalänk
Medlem
●

http://www.javascripter.net/faq/onmouseo.htm

Visa signatur

"Say unto thine own heart, I am mine own redeemer"
Don't touch me when I'm crazy of that airplane glue

Redigera
Citera flera Citera
Permalänk
Medlem
●

Here you go:
http://jsfiddle.net/utxPs/28/

För att det ska fungera måste du inkludera jQuery i din header. Placera javascripten i en <script> tag efter du inkluderat jQuery så ska det fungera. Just in case you didn't know..

Visa signatur

Moderkort: ASUS P7P55D-E Pro, Grafikkort: Gigabyte HD6950 2GB, Processor: Intel i5 760 2,8GHz (3,6 GHz), Kylning: Noctua NH-U12P SE2, RAM: Corsair 4GB (2x2048MB) 1600MHz DDR3, Hårddisk: 1TB Samsung Spinpoint, Nätaggregat: Fractal Design Tesla 650W 80+, Chassi: Cooler Master HAF 912 Plus

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara