Saturday, September 20, 2014

9 Free Jquery Price Range Sliders


Price range sliders and relative options are hugely used in hosting websites these days as it has become a standard. Sliding through a range of product specification for a certain price is very interesting thing to do as well.
Go through these beautiful price sliders where range selection can be done easily as these are jQuery based. Integrate these sliders on your website to make them more appealing to your visitors to choose product options. Please let us know if you have found any new sliders which are great in functionality. Also take a look at our recent article on responsive jQuery image sliders which we have included.
Related articles with more jQuery:
Updated March 24, 2014

Powerange – Price Slider

Powerange is a range slider control, inspired heavily by iOS 7 and the “Power Rangers” TV series. It is easily customizable, both by CSS and JavaScript.
Demo | Download
Powerange - iOS 7 style range slider.png

Flat jQuery Price Slider

This jQuery price slider to select range of prices which help you vastly in your development and design projects. This price range slider is totally free to download.
Demo | Downloadprice-slider

3D HTML 5 jQuery Price Range Slider

A 3D CSS HTML 5 range price slider inspired by Erik Deiner’s concept.
Download Source
3D html5 Range price slider

noUiSlider

noUiSlider is a range slider without bloat. Using well structured scripting and styling methods make sure noUiSlider is as small, lightweight and minimal as possible, which is great for mobile use on the many supported devices, including iPhone, iPad, Android devices & Windows (Phone) 8 desktops, tablets and all-in-ones.
Download
noUiSlider

Basic slider

jQRangeSlider is highly dependant on CSS. Be sure to include one of the provided stylesheets.
Demo | Download
range slider

Free BootStrap Component Slider

Source Code
bootstrap jquery slider

Free Minimal jQuery Slider

The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys.
Source Code
jquery ui slider
jQuery UI Range Slider with arrows

jQuery Slider plugin

jQuery Slider is easy to use and multifunctional jQuery plugin that supports any webkit based touch mobile devices such as iPhone/iPod/iPad and Android. Below you can find demos and documentation.
Demo | Download
jQuery Slider plugin

jQuery Mobile Price Slider

To add a slider widget to your page, start with an input with a new HTML5 type=”range” attribute. Specify the value (current value), min and max attribute values to configure the slider. The framework will parse these attributes to configure the slider.
Source Code
slider

HostSlide Hosting Plan & Pricing Slider – Premium

This HostSlide hosting plan & pricing slider is the best widget for your website. It’s lightweight and the layout can be changed easily in the CSS file. It’s powered by javascript and is supported in all major browsers. It enables you to use a simple and fast slide to view plan features and prices.
View Demo|Download
HostSlide Hosting Plan Slider

0 comments:

Post a Comment

Blog Archive

Statistik


widget

Popular Posts