Skip to content

API overview ​

PageWhat it covers
OptionsEvery option: name, attribute, type, default, range, allowed values. Searchable.
Methods & propertiesnew InsigneSlider(), static helpers, instance methods and state.
Eventsready, change, movestart, moveend, resize, autoplay, refresh, destroy.
Markup & attributesElements, slide attributes, layer attributes.
JSON schemaThe spec accepted by InsigneSlider.create().
Layer recipesBuilt-in recipes and the frame format.
CSS variables & partsTheming the controls.
TypeScriptExported types.

Entry points ​

ImportUse
https://slider.sadiksefa.com.tr/dist/insigne-slider.js<script type="module">: registers the elements, starts [data-insigne], sets window.InsigneSlider.
https://slider.sadiksefa.com.tr/dist/insigne-slider.iife.jsClassic <script>, everything in one file, same behavior.
import … from 'insigne-slider'Side-effect free ES module for bundlers.
import 'insigne-slider/auto'The CDN behavior from npm.

Named exports ​

ts
import {
  InsigneSlider,          // the class (also the default export)
  define, init, autoInit, // element registration and data-* startup
  create, renderSlide,    // JSON rendering
  OPTIONS, EFFECTS, CSS_EFFECTS, GL_EFFECTS, EASES, KEN_BURNS, OVERLAYS, PARTICLES,
  smartFit, parseFocus, parseSafe, // the placement math, for your own tools
  InsigneSliderElement, InsigneSlideElement,
} from 'insigne-slider';

Insigne Slider v1.0.0 · Free for any use with visible attribution · Atıf ile her kullanım için ücretsiz