Responsive Layout

 

JomSocial Theme

 

Buy Now

 

Our Community
Latest Photos
Latest Videos
Our Blog
Forum
Latest Events
CLOSE
Pulvinar tempor cras amet ac turpis tristique tristique ... (read more)close
PIROBOX (LIGHTBOX)
 

Single Image

 
GET CODE
<a class="pirobox" rel="single" href="/j3/jf_social/images/jf/gallery/image_6.jpg" title="Sample Title">
	<img width="300" height="190" src="/j3/jf_social/images/jf/gallery/p_grid_thumb/image_6.jpg">
</a>

Gallery

 
GET CODE
<ul class="jf_typo_gallery">
	<li>
		<a class="pirobox_gall" rel="gallery" href="/j3/jf_social/images/jf/gallery/image_1.jpg title="Sample Title"">
			<img width="300" height="190" src="/j3/jf_social/images/jf/gallery/p_grid_thumb/image_1.jpg">
		</a>
	</li>
	
	<li>
		<a class="pirobox_gall" rel="gallery" href="/j3/jf_social/images/jf/gallery/image_2.jpg title="Sample Title"">
			<img width="300" height="190" src="/j3/jf_social/images/jf/gallery/p_grid_thumb/image_2.jpg">
		</a>
	</li>
	
	<li>
		<a class="pirobox_gall" rel="gallery" href="/j3/jf_social/images/jf/gallery/image_3.jpg title="Sample Title"">
			<img width="300" height="190" src="/j3/jf_social/images/jf/gallery/p_grid_thumb/image_3.jpg">
		</a>
	</li>
	
	<li>
		<a class="pirobox_gall" rel="gallery" href="/j3/jf_social/images/jf/gallery/image_4.jpg title="Sample Title"">
			<img width="300" height="190" src="/j3/jf_social/images/jf/gallery/p_grid_thumb/image_4.jpg">
		</a>
	</li>
</ul>

Media Gallery

Iframe iframe % of window size YouTube Vimeo Inline Content
 
GET CODE
<a class="jf_typo_button white size3 pirobox_gall2" rel="iframe-.6-.9" href="http://jquery.com" title="Sample Title">Iframe</a>
<a class="jf_typo_button white size3 pirobox_gall2" rel="iframe-full-full" href="http://jquery.com" title="Sample Title">iframe % of window size</a>
<a class="jf_typo_button red size3 pirobox_gall2" rel="iframe-624-352" href="http://www.youtube.com/embed/Qjnc0H8utks" title="Sample Title">YouTube</a>
<a class="jf_typo_button blue size3 pirobox_gall2" rel="iframe-624-352" href="http://player.vimeo.com/video/65474257" title="Sample Title">Vimeo</a>
<a class="jf_typo_button green size3 pirobox_gall2" rel="inline-420-240" href="/j3/jf_social/#inline" title="Sample Title">Inline Content</a>
<div id="inline" style="display:none">
	Habitasse sociis nisi sit augue elementum, diam sed sociis non nunc nec cum quis? Dolor ac ut. In, elit odio dignissim pellentesque porttitor phasellus elit porta lectus placerat rhoncus vel tortor massa parturient non urna etiam, massa et nunc et. Odio arcu, vel massa sed odio cum dis, et rhoncus mauris velit, cursus nunc, scelerisque ut, sed porta ac sociis, habitasse porttitor placerat? Adipiscing a auctor porta etiam sagittis vut et mattis! Arcu odio integer cursus sed, lacus sociis ac ultricies, amet tempor, est. Aliquet diam urna dapibus! Non tortor, sit. Nisi! Rhoncus massa enim quis. Duis lectus eu? Tortor placerat porta turpis nunc aliquam proin! Pulvinar duis nisi nascetur! Augue ultricies? Aliquet in? Augue etiam ultrices pulvinar? Ultricies lundium.
</div>
 
 
PiroBox Extended v.1.3 by Diego Valobra (http://www.pirolab.it)
Layouts
Colors