Styles / TinSlide

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.