Hjälp med validering.. javascript

Permalänk
Medlem

Hjälp med validering.. javascript

-

Permalänk
Medlem

Om det bara är ett mouseoverscript så finns det andra sorter som validerar.
ex http://home.student.uu.se/d/daki0267/test/mouseover/

Visa signatur

Sverige är ett så litet land att det bara får plats en åsikt i taget där.

Permalänk
Medlem

Nope. Tyvärr har de skript du använder dig av utvecklats av väldigt, antingen lata eller okunniga (antagligen både och) utvecklare. Det är ganska vanligt med skript från dynamicdrive.com.

Visa signatur

10 RTFM
20 RTFAQ
30 STFW

Permalänk
Medlem

Om det är en vanlig mouseover-funktionalitet du är ute efter så kan du använda den dynamiska pseudo-kalssen ':hover' (fritt översatt) som finns definierad i CSS. Funkar i alla moderna webbläsare. Det kräver att du har bilderna i bakgrunden men det är ju inget praktiskt problem.

Fördelarna är uppenbara:

  • Funkar utan JavaScript.

  • Behöver ingen 'preload'-funktionalitet.

  • Man slipper det där 'flimret' som kan uppstå om klientdatorn har hög belastning när den ska byta bild.

Kolla in http://www.alistapart.com/articles/slidingdoors2 för teorin bakom denna teknik.

Visa signatur

10 RTFM
20 RTFAQ
30 STFW

Permalänk
Medlem

Tacktack.

Permalänk

Kan man göra så hover-bilderna laddas i bakgrunden när sidan ladda med css. Jag kör själv med css men stör mig lite på att bilderna blinkar till när man "drar över musen" första gången?

Jag kör så här:

a.start { float: left; width: 73px; height: 31px; display: block; background-image: url(1-1.jpg); } a.start:hover { background: url('1-2.jpg'); }

Visa signatur

Molnen skallar landskapet och Gud sitter och småler...

Permalänk
Testpilot
Citat:

Ursprungligen inskrivet av Mr.Psycho
Kan man göra så hover-bilderna laddas i bakgrunden när sidan ladda med css. Jag kör själv med css men stör mig lite på att bilderna blinkar till när man "drar över musen" första gången?

Ska du ändra mellan två bilder så kan du göra en stor bild som innehåller dom båda bilderna. Istället för att växla bild så flyttar du bara bakgrundsbilden så att dom olika bilderna i huvudbilden visas.

Lite luddigt förklarat kanske
Här finns ett exempel: http://wellstyled.com/css-nopreload-rollovers.html

Visa signatur

Kolla gärna in min RGB-LED-ljusstake i galleriet
[Gigabyte GA-Z97MX-Gaming 5][Intel Core i5 4690K][Corsair XMS3 16GB][Asus GeForce RTX 2060 Super Dual Evo OC]

Permalänk

Det funka fint

Tack!

Visa signatur

Molnen skallar landskapet och Gud sitter och småler...