API'ye genel bakış
| Sayfa | İçerik |
|---|---|
| Ayarlar | Her ayar: ad, attribute, tip, varsayılan, aralık, izin verilen değerler. Aranabilir. |
| Metotlar ve özellikler | new InsigneSlider(), statik yardımcılar, örnek metotları ve durum. |
| Olaylar | ready, change, movestart, moveend, resize, autoplay, refresh, destroy. |
| İşaretleme ve attribute | Elemanlar, slayt attribute'ları, katman attribute'ları. |
| JSON şeması | InsigneSlider.create()'in kabul ettiği tanım. |
| Katman reçeteleri | Hazır reçeteler ve kare formatı. |
| CSS değişkenleri ve part | Kontrolleri temalamak. |
| TypeScript | Dışa aktarılan tipler. |
Giriş noktaları
| İçe aktarma | Kullanım |
|---|---|
https://slider.sadiksefa.com.tr/dist/insigne-slider.js | <script type="module">: elemanları kaydeder, [data-insigne]'ı başlatır, window.InsigneSlider'ı tanımlar. |
https://slider.sadiksefa.com.tr/dist/insigne-slider.iife.js | Klasik <script>, her şey tek dosyada, aynı davranış. |
import … from 'insigne-slider' | Bundler'lar için yan etkisiz ES module. |
import 'insigne-slider/auto' | npm'den CDN davranışı. |
İsimli dışa aktarımlar
ts
import {
InsigneSlider, // sınıf (aynı zamanda varsayılan dışa aktarım)
define, init, autoInit, // eleman kaydı ve data-* başlatma
create, renderSlide, // JSON render
OPTIONS, EFFECTS, CSS_EFFECTS, GL_EFFECTS, EASES, KEN_BURNS, OVERLAYS, PARTICLES,
smartFit, parseFocus, parseSafe, // yerleşim matematiği, kendi araçlarınız için
InsigneSliderElement, InsigneSlideElement,
} from 'insigne-slider';