j-ContentSlider

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

prend en charge d'excellentes fonctionnalités
fonctionne avec le système Bootstrap Grid

Configuration :

selector {String} En option, a par défaut
interval {Number} En option, intervalle de rafraîchissement (par défaut 3000)
cache {String} Facultatif, lorsqu'il est rempli, le composant enregistre un état actuel dans le localStorage - ainsi, lorsque l'utilisateur actualise la page, le composant continue à partir du dernier état.

Redessiner :

Le code ci-dessous résout un problème de rendu du composant lorsque le composant est affiché dynamiquement.

SETTER('contentslider/refresh');

Utilisez-le avec <ui-component name="contentslider">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence MIT.

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>