Einstellungsbeschreibung

"control" legt fest welches Element (Bspw. eine Navigationsleiste) als Steuerung verwendet werden soll.

Unterschied zu Demo 3 ist hier die Verwendung von "activePanel", dadurch werden Bereiche auch bei mouseover über den Bildbereich geöffnet und nicht nur beim mouseover des Steuerelements.

Auf "autoCliping" kann hier verzichtet, da die Bereichsaufteilung im Gegensatz zu den anderen Demos auch bei ausgeschaltetem JavaScript funktioniert, dadurch können unterschiedlich breite Bereiche definiert werden. Beim aufruf des Plugins wird hier deshalb $('#main-image-box').children().removeClass('facets').end().facets({... verwendet um bei eingeschaltetem JavaScript das aufteilen bei mouseover durch CSS aufzuheben.

"clipSpacing" lässt 1 Pixel Abstand zwischen den Bereichen. "animationSpeed" setzt die Animationsdauer auf 400 ms. Durch "keepItOpened" bleibt der zuletzt geöffnete Bereich auch nach dem mouseleave offen.

Die Funktion "beforeMax" macht den Text sichtbar. "beforeMin" versteckt diesen beim verlassen des geöffneten Bereichs.