Revolution Responsive Jquery Slider

Posted on by

Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way. Whether it's a Slider, Carousel, Hero Scene or even a whole Front Page, you will be telling your own stories in no time! New Deal Works Program.

Responsive Content Slider

How to start This chapter will gives you general instructions on how to install the slider and setup the options. Later chapters will be more detailed if needed.

What files do I need to upload to my server? Please upload the rs-plugin folder to your server.

In this folder you will find the following subfolders containing all of the items content: • js • css • assets You could use your own jQuery but we recommend loading it directly from the Google ressources (see later in this documentation). You will find many examples in your downloaded zip under the examples&sources folder. Implement the jQuery Add the following lines to your HTML Head. • delay The time one slide stays on the screen in Milliseconds. Global Setting. You can set per Slide extra local delay time via the data-delay in the element (Default: 9000) • startheight This Height of the Grid where the Captions are displayed in Pixel.

This Height is the Max height of Slider in Fullwidth Layout and in Responsive Layout. In Fullscreen Layout the Gird will be centered Vertically in case the Slider is higher then this value. • startwidth This Height of the Grid where the Captions are displayed in Pixel. This Width is the Max Width of Slider in Responsive Layout. In Fullscreen and in FullWidth Layout the Gird will be centered Horizontally in case the Slider is wider then this value. Navigation Settings: • onHoverStop Possible Values: 'on', 'off' - Stop the Timer if mouse is hovering the Slider. Caption animations are not stopped!!