FractionSlider

Some themes like HertzPro uses FractionSlider jQuery plugin.

Official demo and documentation

Please visit below link for official demo and documentation of FractionSlider by its developer.
http://jacksbox.de/stuff/jquery-fractionslider/

For our theme users I have explained slider setup below.

Index

How to add first image in slider

You should define the image width and height. Please use 980px X 350px image size only. You should also define data-in value for image animation effect. Use below sample code for your first image of slider.

<div class="slide">
<img data-fixed src="sites/all/themes/hertzpro/images/slider/slider1.jpg" width="980" height="350" data-in="fade">
</div>

How to add more images in slider

You can add as many as you want slides in the slider. Code is same as mentioned above. See below code for three slides.

<div class="slide">
<img data-fixed src="sites/all/themes/hertzpro/images/slider/slider1.jpg" width="980" height="350" data-in="fade">
</div>

<div class="slide">
<img data-fixed src="sites/all/themes/hertzpro/images/slider/slider2.jpg" width="980" height="350" data-in="fade">
</div>


<div class="slide">
<img data-fixed src="sites/all/themes/hertzpro/images/slider/slider3.jpg" width="980" height="350" data-in="fade">
</div>

Possible values for variable data-in
none, fade ,left, right, top, bottom, scrollLeft, scrollRight, scrollTop, scrollBottom
Default value is none.

How to add text to any slide

Adding text with some animation effect is very easy. Just after slider image code add text code as shown below.

<div class="slide">
<img data-fixed src="sites/all/themes/hertzpro/images/slider/slider1.jpg" width="980" height="350" data-in="none">
<p>Hertz Pro</p>
</div>

<div class="slide">
<img data-fixed src="sites/all/themes/hertzpro/images/slider/slider2.jpg" width="980" height="350" data-in="fade">
</div>

<div class="slide">
<img data-fixed src="sites/all/themes/hertzpro/images/slider/slider3.jpg" width="980" height="350" data-in="fade">
</div>

Text Font Size
You can also define font size of the slider text as small / medium / large
See below code for medium font size.

<div class="slide">
<img data-fixed src="sites/all/themes/hertzpro/images/slider/slider1.jpg" width="980" height="350" data-in="none">
<p class="medium">Hertz Pro</p>
</div>

Document incomplete...