Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Fix links in the readme #140

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Fix links in the readme #140

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
6 changes: 3 additions & 3 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# JuxtaposeJS

[JuxtaposeJS][https://juxtapose.knightlab.com] is a simple, open source tool for creating before/after image sliders. Just provide two image URLs and Juxtapose will do the rest of the work for you. Below are instructions for implementing Juxtapose with HTML and Javascript but we also have a [tool that lets you make a slider without needing to know any code](https://juxtapose.knightlab.com#create-new).
[JuxtaposeJS](https://juxtapose.knightlab.com) is a simple, open source tool for creating before/after image sliders. Just provide two image URLs and Juxtapose will do the rest of the work for you. Below are instructions for implementing Juxtapose with HTML and Javascript but we also have a [tool that lets you make a slider without needing to know any code](https://juxtapose.knightlab.com#create-new).

If you want to contribute to Juxtapose, check out the `DEVELOPERS.md` file for installation instructions. Fork the project, create a new branch with your features, and submit a pull request. Thanks for your help!

Expand All @@ -14,7 +14,7 @@ If you want to contribute to Juxtapose, check out the `DEVELOPERS.md` file for i
* [Security Information](#security-information)

### Installation
The easiest way to create a Juxtapose slider is to go to to [http://juxtapose.knightlab.com][1] and use the tool to generate an embedable code snippet that you can use on any website. There are a number of other ways to install Juxtapose on your website.
The easiest way to create a Juxtapose slider is to go to to https://juxtapose.knightlab.com and use the tool to generate an embedable code snippet that you can use on any website. There are a number of other ways to install Juxtapose on your website.

**CDN** — Juxtapose is available on the Knight Lab CDN. Just add this code to the `<head>` of your HTML page:
```html
Expand All @@ -34,7 +34,7 @@ There is also a [Meteor package](https://atmospherejs.com/kyleking/juxtapose-js)
### Create a Juxtapose Slider

#### Create an iFrame
The easiest way to create a Juxtapose slider is to go to to [http://juxtapose.knightlab.com][1] and use the tool to generate an embedable code snippet that you can use on any website. The tool is easy to use and requires no coding knowledge whatsoever. If you want to use JuxtaposeJS without using the embed generator, keep reading to learn about different implementation methods.
The easiest way to create a Juxtapose slider is to go to to https://juxtapose.knightlab.com and use the tool to generate an embedable code snippet that you can use on any website. The tool is easy to use and requires no coding knowledge whatsoever. If you want to use JuxtaposeJS without using the embed generator, keep reading to learn about different implementation methods.

#### HTML Implementation
The easiest way to implement the image slider is to add this code to your markup:
Expand Down