Submit your widget

awesome image/text-sliders with jQuery---FractionSlider

Created 10 years ago   Views 16914   downloads 4694    Author jacksbox
awesome image/text-sliders with  jQuery---FractionSlider
View DemoDownload
Share |

FractionSlider is a jQuery plugin for image/text-sliders.

It allows you to animate multiple elements per slide. You can set different animation methods like fade or transitions from a certain direction. Also there are options to specify delays and easing for each element. You have full layout and design control through html and css (every html-element can be animated)

Attention: This is still an beta Version – there might be bugs, errors and other nasty stuff. 

Step 1 – including styles & scripts

<link href="fractionslider.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="jquery.fractionslider.js"></script>

Step 2 – basic html

<div class="slider"><!-- your slider container -->
  <div class="slide"><!-- all elements for the first slide --></div>
  <div class="slide"><!-- all elements for the second slide --></div>
  <!-- and so on -->
  <div class="fs_loader"><!-- shows a loading .gif while the slider is getting ready --></div>

Read more: