İşaretleme ve attribute

Elemanlar

Eleman	Açıklama
<insigne-slider>	Slider. Her ayar kebab-case bir attribute'tur (slides-per-view). data- önekli adlar da çalışır.
<insigne-slide>	Arka plan kısayolları olan isteğe bağlı slayt elemanı (aşağıda). Her eleman slayt olabilir.
[data-insigne]	Herhangi bir div, section, article, header, main, aside, nav, footer'ı slider'a çevirir. Ayarlar data-* olarak. data-insigne='{…}' JSON tutabilir.
<script type="application/json">	Slider'ın doğrudan çocuğu: JSON olarak ayarlar.

<insigne-slide> attribute'ları

Attribute	Tip	Açıklama
bg	URL	Arka plan görseli (<img data-bg> oluşturur).
alt	metin	Arka planın alt metni.
focus	"x% y%"	Odak noktası.
safe	"s ü g y"	Görselin %'si olarak güvenli alan.
fit	smart | cover | contain	Fit modu.
lazy	boolean	Görseli yalnızca aktif slaytın yakınında yükle.

Slayt düzeyindeki attribute'lar

Attribute	Nerede	Tip	Açıklama
data-bg	img, picture, video (slaytın doğrudan çocuğu)	işaret	Arka planı işaretler.
data-focus	arka plan veya slayt	"x% y%" veya anahtar kelime	Odak noktası (varsayılan focus ayarından).
data-safe	arka plan veya slayt	"s ü g y"	Güvenli alan.
data-fit	arka plan veya slayt	smart | cover | contain	Fit modu.
data-src, data-srcset	img, source, video	URL / srcset	Lazy kaynaklar.
data-ken-burns	slayt	stil veya false	Bu slayt için Ken Burns.
data-ins-ignore	doğrudan çocuk	işaret	Slayt değil.
slot	doğrudan çocuk	herhangi	Slayt değil (ileride isimli slot'lar için ayrıldı).

Katman attribute'ları

Attribute	Tip	Açıklama
data-in	reçete adı	Slayt aktif olunca giriş. Boş = layerIn ayarı (veya rise).
data-out	reverse | none | fade | up | down | left | blur	Slayt ayrılırken çıkış. Varsayılan: layerOut ayarı (reverse).
data-delay	ms	Başlangıç zamanı. Varsayılan: önceki katmandan 110 ms sonra.
data-split	lines | words | chars | none	Yazının nasıl bölüneceği.
data-parallax	px veya %	Slayt hareket ederken yatay kayma (-30%, 120).
data-parallax-opacity	0–1	Slayt bir adım uzaktayken opaklık.
data-parallax-scale	sayı	Slayt bir adım uzaktayken ölçek.

Slider'ın eklediği durum

Nerede	Attribute / sınıf	Anlamı
slider elemanı	data-ins-ready	Başladı.
slider elemanı	data-ins-motion="pending" | "on"	Katman motoru yükleniyor / aktif.
slider elemanı	data-ins-fill	height: "fill".
slider elemanı	data-ins-depth	Kaydırma derinliği aktif.
slayt	.ins-slide, .is-active, .is-prev, .is-next, .has-bg	Durum sınıfları.
slayt	role="group", aria-roledescription, aria-label, inert	Erişilebilirlik.
arka plan	.ins-bg + satır içi konum	Smart fit yerleşimi.

destroy() bunların hepsini kaldırır.