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

Home Slideshow & Scrollerawesome image/text-sliders with jQuery---FractionSlider

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

11 years ago Views

17203

4806

jacksbox

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

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>
</div>

Tag: image slideshow