j-ContentSlider

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

Támogatja a nagyszerű funkciókat
A Bootstrap Grid rendszer

konfiguráció:

selector {String} opcionális, alapértelmezett a
interval {Number} Opcionális, frissítési intervallum (default 3000)
cache {String} Opcionális, amikor kitöltött, akkor az összetevő ment egy jelenlegi állapotban a localStorage - így ha a felhasználó frissíti az oldalt, akkor a komponens folytatódik az utolsó állapotban

Redro:

Az alábbi kód megold egy problémát a renderelés komponens, amikor a komponens dinamikusan jelenik meg.

SETTER('contentslider/refresh');

Használja a <ui-component name="contentslider">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

example.html

<div class="row">
	<div class="col-md-4 col-md-offset-4">
		<ui-component name="contentslider" config="cache:id-for-caching-latest-state" class="hidden">
			<a href="javascript:void(0)" style="background-color:red;height:50px;display:block;color:white">A</a>
			<a href="javascript:void(0)" style="background-color:blue;height:50px;display:block;color:white">B</a>
			<a href="javascript:void(0)" style="background-color:green;height:50px;display:block;color:white">C</a>
			<a href="javascript:void(0)" style="background-color:gray;height:50px;display:block;color:white">D</a>
			<a href="javascript:void(0)" style="background-color:black;height:50px;display:block;color:white">E</a>
		</ui-component>
	</div>
</div>