Media - Shortcodes: Image Compare
Wednesday, June 25, 2014 12:19 AMShortcodes
[intense_image_compare]
Description
Compare two images with a slider to hide/show more of each image.
Screenshots
Dialog
Attributes
| Attribute | Type | Dialog Title | Description | Default | Available Values | ||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| image1 | image | Image 1 | WordPress ID or any URL | ||||||||||||||||||||||||||||||||
| image1_id | deprecated | use image1 instead | |||||||||||||||||||||||||||||||||
| image1_url | deprecated | use image1 instead | |||||||||||||||||||||||||||||||||
| image2 | image | Image 2 | WordPress ID or any URL | ||||||||||||||||||||||||||||||||
| image2_id | deprecated | use image2 instead | |||||||||||||||||||||||||||||||||
| image2_url | deprecated | use image2 instead | |||||||||||||||||||||||||||||||||
| size | image_size | Image Size | |||||||||||||||||||||||||||||||||
| slider_offset | text | Slider Offset | 0 - 100: default is 50 | 50 | |||||||||||||||||||||||||||||||
| show_overlay | checkbox | Show Overlay | 1 | 1 = true, 0 = false | |||||||||||||||||||||||||||||||
| before_text | text | Before Text | |||||||||||||||||||||||||||||||||
| after_text | text | After Text | |||||||||||||||||||||||||||||||||
| shadow | shadow | Shadow |
| ||||||||||||||||||||||||||||||||
| border_radius | border_radius | Border Radius | %, em, px - examples: 25% or 10em or 20px |
Examples
[intense_image_compare image1_id="8394" image2_id="8392" size="postWide" shadow="5" border_radius="5px" /]