# j-Carousel2

> Jedná se o jednoduchý karuselový prvek optimalizovaný pro desktopové počítače a mobilní zařízení.Každý prvek musí být vkládán do prvku <figure> (viz příklad).

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: cs
Content-SHA256: d103a2c3df1632be079e95d1f7430c39b56fc0de1395ca62ee4d9a654b10151a
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Jedná se o jednoduchý karosér optimalizovaný pro desktopové počítače a mobilní zařízení.Každý prvek musí být vkládán do prvku `<figure>` (viz příklad).


__Konfigurace__:

- `selector {String}` selektor pro buněčný prvek (předvolený: `figure`)
- `margin {Number}` levé hranice mezi položkami (default: `10`)
- `animate {Number}` animace timeout, `0` deaktivuje animace (předvolené: `5000`)
- `delay {Number}` A zpoždění mezi animací (předvolené: `2000`)
- `parent {String}` volitelný, selektor pro získání výšky
- `marginheight {Number}` volitelné, marže pro `height` (předvolené: `0`)
- `scrolldivider {Number}` Volitelně, pokud se `count` není deklarován, pak bude __element width__ rozdělen podle této hodnoty a hodnota bude použita pro `scrollLeft` (předpokládané `3`)
- `offsetwidth {Number}` je volitelný, zvyšuje šířku obsahu (předběžně: `0`)
- `duration {Number}` volitelné, animace trvání mezi skřínícími položkami (default: `300`)
- `durationsnap {Number}` volitelně, doba trvání snap animace (podmínkou: `200`)
- Počet viditelných položek `count {Number}` (předvolené číslo: `1`)
- __NEW__: `countxs {Number}` volitelné
- __NEW__: `countsm {Number}` volitelné
- __NEW__: `countmd {Number}` volitelné
- __NEW__: `countlg {Number}` volitelné

__Metody__:

- `component.move('next|right/prev|left')` skrývá obsah vpravo nebo vlevo
- `component.focus('data-id value')` se přepíná na konkrétní číslo s atributem `data-id`

__Dobré vědět__:

Pokud se změna směru složky, pak složka znovu shrnuje všechny buňky.

Použijte ji s `<ui-component name="carousel2">`Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy `DEF.fallback` a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

```html example.html
<style>
	.bg { background-color: #F0F0F0; padding: 15px; border-radius: 15px; }
</style>

<ui-component name="carousel2" config="count:3;margin:10" class="invisible">
	<figure>
		<div class="bg">
			<h2>Title 1</h2>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dolores.</p>
		</div>
	</figure>
	<figure>
		<div class="bg">
			<h2>Title 2</h2>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dolores.</p>
		</div>
	</figure>
	<figure>
		<div class="bg">
			<h2>Title 3</h2>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dolores.</p>
		</div>
	</figure>
	<figure>
		<div class="bg">
			<h2>Title 4</h2>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dolores.</p>
		</div>
	</figure>
	<figure>
		<div class="bg">
			<h2>Title 5</h2>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dolores.</p>
		</div>
	</figure>
	<figure>
		<div class="bg">
			<h2>Title 6</h2>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dolores.</p>
		</div>
	</figure>
	<figure>
		<div class="bg">
			<h2>Title 7</h2>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dolores.</p>
		</div>
	</figure>
</ui-component>
```