Image Styles
GET CODE
<div class="jf_image_block"> <span class="jf_blog_image"> <div class="jf_image"> <img src="/images/jf/gallery/image_4.jpg" alt="Consectetur Adipiscing Elit"> </div> <div class="jf_image_btns"> <a class="jf_link" href="#"> </a> <a class="jf_zoom" rel="prettyPhoto" href="/images/jf/gallery/image_4.jpg" title="This is the description"> </a> </div> </span> <div class="clr"></div> </div>
GET CODE
<div class="jf_image_block style2">
<span class="jf_blog_image">
<div class="jf_image">
<img src="/images/jf/gallery/image_4.jpg">
</div>
<div class="jf_image_btns">
<a class="jf_link" href="#"> </a>
<a class="jf_zoom" rel="prettyPhoto" href="/images/jf/gallery/image_4.jpg" title="This is the description"> </a>
</div>
</span>
<div class="clr"></div>
</div>
GET CODE
<div class="jf_image_block style3">
<span class="jf_blog_image">
<div class="jf_image">
<img src="/images/jf/gallery/image_4.jpg">
</div>
<div class="jf_image_btns">
<a class="jf_link" href="#"> </a>
<a class="jf_zoom" rel="prettyPhoto" href="/images/jf/gallery/image_4.jpg" title="This is the description"> </a>
</div>
</span>
<div class="clr"></div>
</div>
GET CODE
<div class="jf_image_block style3 insetshadow" style="float:none">
<span class="jf_blog_image">
<div class="jf_image">
<img src="/images/jf/gallery/image_4.jpg">
</div>
<div class="jf_image_btns">
<a class="jf_link" href="#"> </a>
<a class="jf_zoom" rel="prettyPhoto" href="/images/jf/gallery/image_4.jpg" title="This is the description"> </a>
</div>
</span>
<div class="clr"></div>
</div>
GET CODE
<div class="jf_image_block style3 insetshadow" style="float:none"> <span class="jf_blog_image noborder"> <div class="jf_image"> <img src="/images/jf/gallery/image_4.jpg"> </div> <div class="jf_image_btns"> <a class="jf_link" href="#"> </a> <a class="jf_zoom" rel="prettyPhoto" href="/images/jf/gallery/image_4.jpg" title="This is the description"> </a> </div> </span> <div class="clr"></div> <div class="shadow lifted"></div> </div>
GET CODE
<div class="jf_image_block style3 padding" style="float:none"> <span class="jf_blog_image"> <div class="jf_image"> <img src="/images/jf/gallery/image_4.jpg"> </div> <div class="jf_image_btns"> <a class="jf_link" href="#"> </a> <a class="jf_zoom" rel="prettyPhoto" href="/images/jf/gallery/image_4.jpg" title="This is the description"> </a> </div> </span> <div class="clr"></div> </div>
GET CODE
<ul class="jf_typo_gallery"> <li> <img src="/images/jf/gallery/thumb/image_4.jpg"> <div class="jf_image_btns"> <a class="jf_link" href="#"> </a> <a class="jf_zoom" rel="prettyPhoto[pp_gal]" href="/images/jf/gallery/image_4.jpg" title="This is the description"> </a> </div> </li> <li> <img src="/images/jf/gallery/thumb/image_4.jpg"> <div class="jf_image_btns"> <a class="jf_link" href="#"> </a> <a class="jf_zoom" rel="prettyPhoto[pp_gal]" href="/images/jf/gallery/image_4.jpg" title="This is the description"> </a> </div> </li> </ul>