Click here to try slider

Setup

First insert this HTML code to your web page, where slidebar should be:

<div id="google-slider">
<div id="gslider"></div>
</div>

After, put this code inside <head> tag:

<link rel="stylesheet" type="text/css" href="css/google-loader.css" />
<script type="text/javascript" src="js/google-loader.js"></script>

Download

Google Now Slider is licensed under MIT license and free for download.

Usage

You can configure and manage Google Slider using JavaScript inside your pages


Enable loop sliding:

googleSlider.start();

Stop slider:

googleSlider.stop();

Change slider background (white by default):

googleSlider.background = "#ffffff";

Change slider colors:

googleSlider.colors = ["#0089FA","#FF002B","#FFA900","#00A753"];

Events