A block for WordPress that enables drop in side-by-side image comparison
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets/juxtapose
src
.babelrc
.gitignore
build-plugin.sh
editor.css
juxtapose-block.build.js
juxtapose.php
package.json
readme.md
screenshot.png
webpack.config.js

readme.md

Juxtapose Block

A WordPress plugin which adds a block that enables you to create a side-by-side comparison of two images. The block is built off the JuxtaposeJS library by Knight Lab.

Example:

Screenshot

Usage

Install juxtapose-block plugin to your WordPress plugins directory and activate. You can download a zip from the releases page and upload to install.

  • Add block to your post using the (+) block inspector
  • Select before and after images, works best if they are the same size
  • Select Orientation (Above/Below, Side-by-side) in Block settings

Development

The juxtapose-block uses a standard npm build process.

Development build w/ watch:

npm install
npm run dev

Production build:

npm install
npm run build

TODO: add linting, tests, and other "real" things.

Colophon

License

Licensed under GPL 2.0 or later .