Image

ShortcodesImage

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

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

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

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

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

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

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

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

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

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

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"]

Demos

React Hub

Lens

Berri

Replika

Press

Second

Storm

View all Demos React Hub Copy current page content

[box type="custom-boxed-item" align="center" text_align="textcenter"] [fancy_header tag="h4" size="medium" text_align="textcenter" bold="1"]What's this?[/fancy_header] 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. [icon icon="fa-arrow-down" font_size="15" boxed="1" description="See examples below" position="center" margin_top="20px" margin_bottom="-40px" link="#content" class="infinite wobble"] [/box] [section_break type="blank" margin_bottom="30" /] [tabs layout="vertical" convert="cvt-phone-ldsp"] [tab title="Framed image"] [image src="2014/06/Dollarphotoclub_58319339.jpg" width="1920" alt="alt_tag" frame="style1"] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]With link[/fancy_header] [image src="2014/06/Dollarphotoclub_58319339.jpg" alt="alt_tag" href="#" image_hover="zoom-effect" a_icon="fa-arrow-circle-o-right" frame="style1"] [accordion style="plain"] [accordion_toggle title="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"]

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]With animation[/fancy_header] [image src="2014/06/3740308199_0341325acb_o.jpg" frame="style1" animation="fadeIn" animation_delay="200" width="960" alt="alt_tag"] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]Align left[/fancy_header] [image src="2014/06/3740308199_0341325acb_o.jpg" frame="style1" align="left" width="300" alt="alt_tag"] [p]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.[/p] [p]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.[/p] [p]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.[/p] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]Align right[/fancy_header] [image src="2014/06/3740308199_0341325acb_o.jpg" frame="style1" align="right" width="300" alt="alt_tag"] [p]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.[/p] [p]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.[/p] [p]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.[/p] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [/tab] [tab title="With captions"] [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"] [accordion style="plain"] [accordion_toggle title="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"]

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]Dark color[/fancy_header] [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"] [accordion style="plain"] [accordion_toggle title="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"]

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]Light color[/fancy_header] [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"] [accordion style="plain"] [accordion_toggle title="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"]

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]Slide in on hover[/fancy_header] [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"] [accordion style="plain"] [accordion_toggle title="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"]

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]Fade in on hover[/fancy_header] [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"] [accordion style="plain"] [accordion_toggle title="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"]

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]Fade out on hover[/fancy_header] [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"] [accordion style="plain"] [accordion_toggle title="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"]

[/accordion_toggle] [/accordion] [/tab] [tab title="Shadow style one"] [image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style2" width="960" alt="alt_tag"] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]With link[/fancy_header] [image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style2" alt="alt_tag" image_hover="zoom-effect" a_icon="fa-arrow-circle-o-right" href="#"] [accordion style="plain"] [accordion_toggle title="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="#"]

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]With animation[/fancy_header] [image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style2" animation="fadeIn" animation_delay="200" width="960" alt="alt_tag"] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]Align left[/fancy_header] [image src="2014/06/3740308199_0341325acb_o.jpg" frame="style2" align="left" width="300" alt="alt_tag"] [p]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.[/p] [p]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.[/p] [p]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.[/p] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]Align right[/fancy_header] [image src="2014/06/3740308199_0341325acb_o.jpg" frame="style2" align="right" width="300" alt="alt_tag"] [p]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.[/p] [p]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.[/p] [p]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.[/p] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [/tab] [tab title="Shadow style two"] [image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style3" width="960" alt="alt_tag"] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]With link[/fancy_header] [image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style3" alt="alt_tag" image_hover="zoom-effect" a_icon="fa-arrow-circle-o-right" href="#"] [accordion style="plain"] [accordion_toggle title="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="#"]

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]With animation[/fancy_header] [image src="2014/06/3740308199_0341325acb_o.jpg" frame="style3" animation="fadeIn" animation_delay="200" width="960" alt="alt_tag"] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]Align left[/fancy_header] [image src="2014/06/3740308199_0341325acb_o.jpg" frame="style3" align="left" width="300" alt="alt_tag"] [p]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.[/p] [p]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.[/p] [p]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.[/p] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]Align right[/fancy_header] [image src="2014/06/3740308199_0341325acb_o.jpg" frame="style3" align="right" width="300" alt="alt_tag"] [p]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.[/p] [p]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.[/p] [p]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.[/p] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [/tab] [tab title="Shadow style three"] [image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style4" width="960" alt="alt_tag"] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]With link[/fancy_header] [image src="2014/06/Dollarphotoclub_58319339.jpg" frame="style4" alt="alt_tag" image_hover="zoom-effect" a_icon="fa-arrow-circle-o-right" href="#"] [accordion style="plain"] [accordion_toggle title="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="#"]

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]With animation[/fancy_header] [image src="2014/06/3740308199_0341325acb_o.jpg" frame="style4" animation="fadeIn" animation_delay="200" width="960" alt="alt_tag"] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]Align left[/fancy_header] [image src="2014/06/3740308199_0341325acb_o.jpg" frame="style4" align="left" width="300" alt="alt_tag"] [p]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.[/p] [p]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.[/p] [p]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.[/p] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]Align right[/fancy_header] [image src="2014/06/3740308199_0341325acb_o.jpg" frame="style4" align="right" width="300" alt="alt_tag"] [p]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.[/p] [p]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.[/p] [p]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.[/p] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [/tab] [tab title="Rounded images"] [image src="2014/06/Dollarphotoclub_58319339.jpg" frame="round-img" width="300" height="300" alt="alt_tag"] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]With link[/fancy_header] [image src="2014/06/Dollarphotoclub_58319339.jpg" width="300" height="300" alt="alt_tag" href="#" image_hover="zoom-effect" frame="round-img"] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]With animation[/fancy_header] [image src="2014/06/3740308199_0341325acb_o.jpg" frame="round-img" animation="fadeIn" animation_delay="200" width="300" height="300" alt="alt_tag"] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]Align left[/fancy_header] [image src="2014/06/3740308199_0341325acb_o.jpg" frame="round-img" align="left" width="300" height="300" alt="alt_tag"] [p]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.[/p] [p]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.[/p] [p]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.[/p] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [fancy_header bold="1" type="style1" margin_top="50"]Align right[/fancy_header] [image src="2014/06/3740308199_0341325acb_o.jpg" frame="round-img" align="right" width="300" height="300" alt="alt_tag"] [p]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.[/p] [p]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.[/p] [p]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.[/p] [accordion style="plain"] [accordion_toggle title="Get code"]

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

[/accordion_toggle] [/accordion] [/tab] [/tabs]

Download - $44