TinSlide 0.1.19

Default styles

Generates the TinSlide default stylesheet for dots and navigation. A <style> tag is inserted as the first child of the <head> tag, so you can easily override styles somewhere else in the document.

TinSlide(document.getElementById('slider'), {
  generate: {
    styles: {
      on: true

Wrapping element

Make sure you wrap the slider with a <div> or some other block element. TinSlide will add position: relative to it, making the dots and arrows position nicely on top of the slider.