Image

What’s this?

Use the Image shortcode to add images to your content. The shortcode will let you add some cool effects and position it perfectly. Check out some examples below.
alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style1" width="960" alt="alt_tag"]

With link

alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" alt="alt_tag" href="#" image_hover="zoom-effect" a_icon="fa-arrow-circle-o-right" frame="style1"]

With animation

alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style1" animation="fadeIn" animation_delay="200" width="960" alt="alt_tag"]

Align left

alt_tag

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style1" align="left" width="300" alt="alt_tag"]

Align right

alt_tag

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style1" align="right" width="300" alt="alt_tag"]
Star image
Caption subtitle
alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" width="960" alt="alt_tag" use_caption="1" icon="fa-star" caption_title="Star image" caption_subtitle="Caption subtitle" frame="style1"]

Dark color

Star image
Caption subtitle
alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" width="960" alt="alt_tag" use_caption="1" icon="fa-star" caption_title="Star image" caption_subtitle="Caption subtitle" caption_overlay="hover-dark" frame="style1"]

Light color

Star image
Caption subtitle
alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" width="960" alt="alt_tag" use_caption="1" icon="fa-star" caption_title="Star image" caption_subtitle="Caption subtitle" caption_overlay="hover-light" frame="style1"]

Slide in on hover

Star image
Caption subtitle
alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" width="960" alt="alt_tag" use_caption="1" icon="fa-star" caption_title="Star image" caption_subtitle="Caption subtitle" caption_type="cap-slide-in" frame="style1"]

Fade in on hover

Star image
Caption subtitle
alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" width="960" alt="alt_tag" use_caption="1" icon="fa-star" caption_title="Star image" caption_subtitle="Caption subtitle" caption_type="cap-fade-in" frame="style1"]

Fade out on hover

Star image
Caption subtitle
alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" width="960" alt="alt_tag" use_caption="1" icon="fa-star" caption_title="Star image" caption_subtitle="Caption subtitle" caption_type="cap-fade-out" frame="style1"]
alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style2" width="960" alt="alt_tag"]

With link

alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style2" alt="alt_tag" image_hover="zoom-effect" a_icon="fa-arrow-circle-o-right" href="#"]

With animation

alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style2" animation="fadeIn" animation_delay="200" width="960" alt="alt_tag"]

Align left

alt_tag

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style2" align="left" width="300" alt="alt_tag"]

Align right

alt_tag

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style2" align="right" width="300" alt="alt_tag"]
alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style3" width="960" alt="alt_tag"]

With link

alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style3" alt="alt_tag" image_hover="zoom-effect" a_icon="fa-arrow-circle-o-right" href="#"]

With animation

alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style3" animation="fadeIn" animation_delay="200" width="960" alt="alt_tag"]

Align left

alt_tag

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style3" align="left" width="300" alt="alt_tag"]

Align right

alt_tag

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style3" align="right" width="300" alt="alt_tag"]
alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style4" width="960" alt="alt_tag"]

With link

alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style4" alt="alt_tag" image_hover="zoom-effect" a_icon="fa-arrow-circle-o-right" href="#"]

With animation

alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style4" animation="fadeIn" animation_delay="200" width="960" alt="alt_tag"]

Align left

alt_tag

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style4" align="left" width="300" alt="alt_tag"]

Align right

alt_tag

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Get code

[frame="style4" align="right" width="300" alt="alt_tag"]2014/06/Dollarphotoclub_58319339.jpg[/image]
alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="round-img" width="300" height="300" alt="alt_tag"]

With link

alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="round-img" width="300" height="300" alt="alt_tag" href="#" image_hover="zoom-effect"]

With animation

alt_tag

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="round-img" animation="fadeIn" animation_delay="200" width="300" height="300" alt="alt_tag"]

Align left

alt_tag

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Get code

[image src="2014/06/Dollarphotoclub_58319339.jpg" frame="round-img" align="left" width="300" height="300" alt="alt_tag"]

Align right

alt_tag

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Get code

[image src="2014/06/3740308199_0341325acb_o.jpg" frame="round-img" align="right" width="300" height="300" alt="alt_tag"]

Variations

Change the Skin for this Case Study

Demos