# j-Carousel2

> Egy egyszerű karosszel komponens optimalizált asztali számítógépek és mobil eszközök. Minden elem kell beépíteni a <figure> elem (lásd például).

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

Egy egyszerű karosszel komponens optimalizált asztali számítógépek és mobil eszközök. Minden elem kell beépíteni a `<figure>` elem (lásd például).


__konfiguráció__:

- `selector {String}` a sejtek elemének kiválasztója (default: `figure`)
- `margin {Number}` a tárgyak között (default: `10`)
- `animate {Number}` animációs időtávolság, `0` eltiltja az animációt (default: `5000`)
- `delay {Number}` A késés az animáció között (default: `2000`)
- `parent {String}` opcionális, kiválasztó a magasság megszerzéséhez
- `marginheight {Number}` opcionális, a `height` marginja (default: `0`)
- `scrolldivider {Number}` opcionális, ha a `count` nem nyilvánított, akkor a __elem szélessége__ osztódik ennek az értéknek megfelelően, és az értéket használják a `scrollLeft` (default: `3`)
- `offsetwidth {Number}` opcionális, a tartalmak szélességének növelése (default: `0`)
- `duration {Number}` opcionális, animációs időtartam az elemek között (default: `300`)
- `durationsnap {Number}` opcionális, időtartam a snap animáció (default: `200`)
- A látható elemek számának `count {Number}` (default: `1`)
- __NEW__: `countxs {Number}` opcionális
- __NEW__: `countsm {Number}` opcionális
- __NEW__: `countmd {Number}` opcionális
- __NEW__: `countlg {Number}` opcionális

__módszerek__:

- A `component.move('next|right/prev|left')` a tartalmat jobbra vagy balra forgatja
- A `component.focus('data-id value')` a `data-id` tulajdonsággal rendelkező konkrét számra forog

__Jó tudni__:

Ha az összetevő útját megváltoztatják, akkor a komponens újra összefoglalja az összes sejtet.

Használja a `<ui-component name="carousel2">`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.

```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>
```