https://github.com/herrfugbaum/cato.js

Dependency-free library for (image) comparison sliders.
https://github.com/herrfugbaum/cato.js

before-after cato compare-images comparison-sliders css html image-comparison js

Last synced: 13 days ago
JSON representation

Dependency-free library for (image) comparison sliders.

• Host: GitHub
• URL: https://github.com/herrfugbaum/cato.js
• Owner: herrfugbaum
• License: mit
• Created: 2015-07-12T15:07:04.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T08:02:47.000Z (almost 2 years ago)
• Last Synced: 2024-04-14T19:31:06.237Z (7 months ago)
• Topics: before-after, cato, compare-images, comparison-sliders, css, html, image-comparison, js
• Language: JavaScript
• Size: 3.18 MB
• Stars: 15
• Watchers: 3
• Forks: 6
• Open Issues: 23
• Metadata Files:
  • Readme: README.md
  • License: License.md

Awesome Lists containing this project

README

        
- [About](#about)

- [How To](#how-to)

  - [With a CDN](#with-a-cdn)

- [Changelog](#changelog)

[![Build Status](https://travis-ci.org/herrfugbaum/cato.js.svg?branch=master)](https://travis-ci.org/herrfugbaum/cato.js)

[![codecov](https://codecov.io/gh/herrfugbaum/cato.js/branch/master/graph/badge.svg)](https://codecov.io/gh/herrfugbaum/cato.js)

# About

**C**ompare **A**pples **T**o **O**ranges

![Cato Logo](https://s3-us-west-2.amazonaws.com/s.cdpn.io/496585/Cato_Logo120x150.png)

cato.js is a dependency free library for (image) comparison sliders.

It currently gets rewritten in modern JavaScript.

Version 1.0.0 (WIP) aims to bring more flexibility, less boilerplate html and better browser support.

You can find more info in the [roadmap](https://github.com/herrfugbaum/cato.js/issues/2) issue.

For the initial (Webkit only) release see [v0.0.1](https://github.com/herrfugbaum/cato.js/releases/tag/v0.0.1)

# How To

## With a CDN

Place the stylesheet inside the `````` tag of your HTML file.

```html

  

```

Place the script just before your closing ```