testimonial

JS testimonial slider with AJAX

Usage no npm install needed!

<script type="module">
  import testimonial from 'https://cdn.skypack.dev/testimonial';
</script>

README

Testimonial.js

GitHub version Build Status Build Status Dependency Status devDependency Status Code Climate Test Coverage Coverage Status NPM version Bower version NPM NPM

> JS testimonial slider with AJAX!

Site with examples

Install

with npm

npm i -D testimonial

with bower

bower install testimonial --save-dev

Usage

Slider simple use

var testimonial = new Testimonial('#testimonial-slider');

Slider with custom options

var options = {
    width: 645,
    timeout: 7000,
    autostart: true,
    slideCount: 3
};
var testimonial = new Testimonial('#testimonial-slider', options);

Slider API

var slideObj = {...};
var testimonial = new Testimonial('#testimonial-slider');
testimonial.stop();
testimonial.start();
testimonial.next();
testimonial.add(slideObj);

Slider with ajax slide load

function getSlide() {
  var slide = getRandomSlide();
  return slide;
};
var options = {
    width: 645,
    timeout: 7000,
    autostart: true,
    slideCount: 3,
    getSlide: getSlide
};

var testimonial = new Testimonial('#testimonial-slider', options);

Examples

Structure of the slide

  • author
    • name
    • url
    • avatar(url)
  • company
    • name
    • url
  • quote

Options

  • width, type: Number, default: 700
  • slideCount, type: Number, default: 3
  • timeout, type: Number, default: 7000
  • autostart, type: Boolean, default: true
  • getSlide, type: Function, default: undefined

Build project

make

License

Copyright (c) 2014 Aleksey Leshko Licensed under the The MIT License (MIT)

Bitdeli Badge