Very Simple Javascript Slider Control

Version 1.0

Created: November 10, 2014
Last Modified: January 2, 2017
Subscribe to Internet Tips and Tools Feed

Features

  • Simple Javascript Slider Control
  • Completely crossbrowser javascript and html. Does not use jquery
  • Customize style with css
  • Horizontal or vertical slider
  • Options to have knob, slider, and/or buffer
  • HTML5 is not required. Works with HTML4
  • Uses mouse events (Chrome, IE, Safari, Firefox, Opera)
  • Uses touch events (iOS, iPhone, Android)
dlc_b

Download

Download
slider.js
Downloaded 0 times.
This script is provided for free but please consider making a donation to help with server costs and other expenses.

Select Slider Skin:

Slider CSS Style: (Put in between <style> </style> tags just before </head> or put in css file.)


Slider HTML:


History

12/02/2014 - Added vertical-align: middle; to all horizontal slider CSS for better alignment.

11/21/2014 - Added display: inline-block; to all slider div's CSS so that they could easily be displayed next to text.

11/10/2014 - Version 1.0 - "Very Simple Javascript Slider Control" Created

Back to www.seabreezecomputers.com
Subscribe to Internet Tips and Tools Feed        

User Comments

There are 0 comments.

Displaying first 50 comments.