Shortcodes

[intense_image]

Description

Adds an image with several different effects and options. Dramatically change the image with picstrips or camanjs or show the image using parallax. You can also add beautiful shadows just below the image.

Screenshots

Standard

image

CamanJS

image

Parallax

image
image
image

Picstrip

image

Dialog

image
image
image

Attributes

AttributeTypeDialog TitleDescriptionDefaultAvailable Values
imageimageImageenter a WordPress attachment ID or a URLWordPress ID or any URL
imageiddeprecateduse image instead
imageurldeprecateduse image instead
sizeimage_sizeImage Sizefull
alttextAltthe image alt text
titletextTitle
captiontextCaption
linkurltextLink
linkurl_targetlink_targetLink Target_self_blank, _self, _parent, _top
shadowshadowShadow
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
classtextCSS Class
lightbox_typedropdownLightbox Type -
colorbox - Colorbox
magnificpopup - Magnific Popup
photoswipe - PhotoSwipe
prettyphoto - PrettyPhoto
swipebox - Swipebox
thickbox - Thickbox
touchtouch - TouchTouch
typedropdownTypestandardstandard - Standard
caman - CamanJS
fixed - Parallax - Fixed
parallax - Parallax
picstrip - Picstrip
border_radiusborder_radiusBorder Radius%, em, px - examples: 25% or 10em or 20px
splitstextSplits10
hguttertextHorizontal Gutter10px
vguttertextVertical Gutter10px
bgcolorcolorBackground Color#FFFFFF
effectdropdownEffectclarityclarity - clarity
concentrate - concentrate
crossProcess - crossProcess
emboss - emboss
glowingSun - glowingSun
grungy - grungy
hazyDays - hazyDays
hemingway - hemingway
herMajesty - herMajesty
jarques - jarques
lomo - lomo
love - love
nostalgia - nostalgia
oldBoot - oldBoot
orangePeel - orangePeel
pinhole - pinhole
posterize - posterize
sinCity - sinCity
sunrise - sunrise
vintage - vintage
parallax_heighttextParallax Height200
parallax_speedtextParallax Speed2
hover_effectdropdownHover Effecteffeckteffeckt - Effeckt
adipoli - Adipoli
subtle - Subtle
starteffectdropdownStart Effectnormalnormal - normal
overlay - overlay
sliceDown - sliceDown
transparent - transparent
hovereffectdropdownHover EffectboxRainboxRain - boxRain
boxRainGrow - boxRainGrow
boxRainGrowReverse - boxRainGrowReverse
boxRainReverse - boxRainReverse
boxRandom - boxRandom
fold - fold
foldLeft - foldLeft
normal - normal
popout - popout
sliceDown - sliceDown
sliceDownLeft - sliceDownLeft
sliceUp - sliceUp
sliceUpDown - sliceUpDown
sliceUpDownLeft - sliceUpDownLeft
sliceUpLeft - sliceUpLeft
sliceUpRandom - sliceUpRandom
effecktdropdownEffeckt -
1 - Appear
2 - Quarter Slide Up
3 - Sqkwoosh
4 - Quarter Slide Side
5 - Cover Fade
6 - Quarter Fall In
7 - Quarter Two-Step
8 - Cover Push Right
9 - Quarter Caption Zoom
10 - Revolving Door
11 - Caption Offset
12 - Guillotine Reverse
13 - Half Slide
14 - Tunnel
15 - Cover Slide Top
effecktcolorcolor_advancedBackground Color#000000option colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
effecktopacitytextBackground Opacity0 - 10080
subtleeffectdropdownSubtle Effectlily - Lily
sadie - Sadie
honey - Honey
layla - Layla
zoe - Zoe
oscar - Oscar
marley - Marley
ruby - Ruby
roxy - Roxy
bubba - Bubba
romeo - Romeo
dexter - Dexter
sarah - Sarah
chico - Chico
milo - Milo

Compatibility

Caman image type doesn't work in Internet Explorer 8 or earlier - the image will be visible but without the effect.

Adipoli doesn't work in Internet Explorer 8 or earlier. It will show as regular images instead.

Examples

[intense_image imageid="3751" type="picstrip" title="PicStrip" alt="this is a test" size="full" splits="15" hgutter="4px" vgutter="20px" bgcolor="#fff" /]

[intense_image imageid="3751" size="small320" type="caman" title="Caman - vintage" alt="this is a test" effect="vintage" /]