aefb1b17cb
|
||
|---|---|---|
| .gitattributes | ||
| .gitignore | ||
| LICENSE.txt | ||
| README.md | ||
| juxtaposejs.php | ||
README.md
wordpress-juxtapose
Wordpress Plugin. Adds a [juxtapose] shortcode to embed Northwestern University Knight Lab's JuxtaposeJS frame comparisons.
Usage
Specify left and right images inside a [juxtapose] shortcode:
[juxtapose leftsrc="/wordpress/wp-content/uploads/2015/03/Hydrangeas.jpg" rightsrc="/wordpress/wp-content/uploads/2015/03/Desert.jpg"]
Options
| Shortcode option | Default value | Valid values | Notes |
|---|---|---|---|
| startingposition | 50 | 0-100 | % |
| showlabels | true | true/false | If true, your labels will be displayed. You must have labels for both images, or they won't be shown, even if this is true. |
| showcredits | true | true/false | If true, image credits will be displayed below the slider. You must have credits for both images, or they won't be shown, even if this is true. |
| animate | true | true/false | If true, the divider will glide to the point where someone clicks; otherwise, it will jump. |
| mode | horizontal | horizontal/vertical | If "vertical", the divider will move vertically instead of horizontally. |
| leftsrc | none | relative/absolute URL | Image URL. You can use WordPress media gallery URLs. |
| leftlabel | none | text | |
| leftcredit | none | text | |
| rightsrc | none | relative/absolute URL | Image URL. You can use WordPress media gallery URLs. |
| rightlabel | none | text | |
| rightcredit | none | text |