• címkék:
  • CSS
  • stylesheet
  • stílus
  • switcher
  • váltás
  • váltó

Stylesheet Switcher

Az aktuális stíluslap jelzése

A jelenleg használt stíluslap: eredeti stílus második stílus harmadik stílus

A fenti példa megvalósítása nem jQuery téma: létrehozunk minden stílusnak egy span elemet, amelyet egyedi azonosítóval látunk el:

Innentől már csak a CSS kódokban kell ezeket a span elemeket kezelni:

A többit már maga a plugin valósítja meg.

Első verzió: tetszőleges választás

Ezzel a példakóddal tetszőlegesen választhatjuk ki, hogy melyik stíluslapot használjuk
(ennek megvalósítását a plugin-t bemutató oldalon részletesen bemutattam, így itt csak a szemléltető példa szerepel):

Második verzió: meghatározott sorrendű váltás

Váltás a stíluslapok közt: klikk ide

Ezzel a verzióval a stíluslapokat a beágyazás sorrendjében lehet váltogatni.
Ehhez a plugin deklarációjában a következő kódot kell elhelyezni:

Mint látható, egy #toggler azonosítójú elemet kell létrehoznunk, amelynek a click eseményéhez rendeltük a stílusváltást:

« bezár