j-ContentSlider

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Ondersteunt grote kenmerken
Werk met Bootstrap Grid System

Configuratie:

selector {String} Optie, standaard a
interval {Number} Optioneel, verfrissingsinterval (default 3000)
cache {String} Optioneel, wanneer het is gevuld dan de component een huidige staat in de localStorage opslaat - dus als de gebruiker de pagina verfrissert dan blijft de componente van de laatste staat

Reduceer:

De code hieronder opent een probleem met het renderen van de component wanneer de componente dynamisch wordt weergegeven.

SETTER('contentslider/refresh');

Gebruik het met <ui-component name="contentslider">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>