Hogyan működik a weboldal, ha a képváltásokat (menüknél, galériáknál, stb) JavaScript-el oldom meg, és egy olyan látogató érkezik az oldalra, aki a saját gépén nem engedélyezte a js használatát?

Ha különleges effektekre nincs szükséged, akkor ezek a dolgok szimplán CSS-sel is megoldhatók:

CSS Dropdown menu:

[link]

CSS Sprites (a betöltődésből bekövetkező villogás elkerülhető):

[link]

Ha effektekkel tarkított a menü, akkor készítesz egy JS megoldást, és készítesz kikapcsolt JS esetére egy CSS megoldást.

Ajánlom ennek az áttanulmányozását is:

[link]

A képváltásra mindenképp a csst ajánlom. Elmagyarázom, hogyan csináld meg.

Legyen a kép amire kattintani kell mondjuk 100x30 pixeles. Akkor hozz létre egy divet ami ekkora és a hátterébe tegyél be egy előre 100x60as képet. A kép tartalmazza az alap és a felé vitt fázist is egymás alatt. A div hover eseményére pedig told el a háttér offsetet 30 pixellel. Így alap esetben a felső 30 pixel (alap fázis) felé vive az alsó 30 pixel (felé vitt fázis) látható.

Előnyei, hogy

gyors (nativ css gyorsabb kint a js),

1 fileba van, ezért nem lesz olyan, hogy kép váltásnál a másik fázis még akkor töltődik le,

nem kell hozzá javascript.

Összedobtam egy példát:

[link]