/slideview

A tiny vanilla js lib for responsive sliders. No crazy features!

Primary LanguageJavaScriptMIT LicenseMIT

Slideview.js

Slideview is a tiny, pure JS lib for responsive sliders (http://istocode.github.io/slideview/).

Why another slider?

Because every content slider I have tried exeeds 1,000 lines of code. If you only need one feature instead of 99 and you want to support only modern Browsers (IE10+), then Slideview may work for you. IE9 can be supported simply by using any polyfill for the classList API.

If non-modern browsers are a concern, then try the Slideview jQuery plugin (coming soon).

Features

  • Lightweight lib (a little over 350 lines of code for the VanillaJS version).
  • Sliding effect happens with a simple CSS transition.
  • In contrast to many other sliders, Slideview.js uses percentages for all of its slides. You initialize Slideview once and the slides get resized by the Browser automatically.
  • Easily stylable with CSS - no default styling is assumed!
  • 2 separate libs: plain JavaScript & a jQuery plugin (jquery plugin coming soon).
  • Free as in "free beer".

Version

0.7.6

Dependencies

None!

Compatibility

Tested on the following modern Browsers & platforms:

Browser Platform
Chrome & Chrome Canary Desktop
Firefox Desktop
Safari Desktop
Firefox Nexus 4 (Android)
Chrome Nexus 4 (Android)
Safari iPhone 3.5in
Safari iPhone Retina 4in
Safari iPad & iPad Retina

Demo

http://istocode.github.io/slideview/