Image - Link from Text

Local Image from Text

Syntax

<a data-rokbox href="/live/joomla-extensions/images/rokbox2/planes_1.jpg">Local Image from Text</a>

Image - Remote image

RocketTheme Logo

Syntax

<a data-rokbox href="http://www.rockettheme.com/images/rt-logo.png">RocketTheme Logo</a>

Image - Not Existing

Image Does Not Exist

Syntax

<a data-rokbox href="/live/joomla-extensions/images/rokbox2/this_image_doesnt_exist.jpg">Image Does Not Exist</a>

Image - Manual Thumbnail

Syntax

<a data-rokbox data-rokbox-caption="Manual Thumbnail and <span style="font-size:25px;color:yellow;text-decoration:underline;">HTML caption</span>" href="/live/joomla-extensions/images/rokbox2/planes_1.jpg">
   <img src="/live/joomla-extensions/images/rokbox2/planes_1_thumb.jpg" />
</a>

Image - Fixed Size (non responsive)

Syntax

<a data-rokbox data-rokbox-caption="Fixed size of 210 x 313 px" data-rokbox-size="210 313" href="/live/joomla-extensions/images/rokbox2/planes_1.jpg"><img src="/live/joomla-extensions/images/rokbox2/planes_1_thumb.jpg" /></a>

Image - Autogenerated Thumbnail

Syntax

<a data-rokbox data-rokbox-caption="Autogenerated Thumbnail" data-rokbox-generate-thumbnail href="/live/joomla-extensions/images/rokbox2/planes_2.jpg"></a>

Image - Album

Syntax

<a data-rokbox href="/live/joomla-extensions/images/rokbox2/planes_3.jpg" data-rokbox-album="RokBox2 Album" data-rokbox-caption="Album Image 1" data-rokbox-generate-thumbnail></a>

<a data-rokbox href="/live/joomla-extensions/images/rokbox2/planes_4.jpg" data-rokbox-album="RokBox2 Album" data-rokbox-caption="Album Image 2" data-rokbox-generate-thumbnail></a>

<a data-rokbox href="/live/joomla-extensions/images/rokbox2/planes_5.jpg" data-rokbox-album="RokBox2 Album" data-rokbox-caption="Album Image 3" data-rokbox-generate-thumbnail></a>

<a data-rokbox href="/live/joomla-extensions/images/rokbox2/planes_6.jpg" data-rokbox-album="RokBox2 Album" data-rokbox-caption="Album Image 4" data-rokbox-generate-thumbnail></a>

Image - Album / 1 Thumb only showing

Syntax

<a data-rokbox href="/live/joomla-extensions/images/rokbox2/planes_3.jpg" data-rokbox-album="RokBox2 Album" data-rokbox-caption="Album Image 1" data-rokbox-generate-thumbnail></a>
	
<div style="display: none;">
	<a data-rokbox href="/live/joomla-extensions/images/rokbox2/planes_4.jpg" data-rokbox-album="RokBox2 Album" data-rokbox-caption="Album Image 2"></a>
	<a data-rokbox href="/live/joomla-extensions/images/rokbox2/planes_5.jpg" data-rokbox-album="RokBox2 Album" data-rokbox-caption="Album Image 3"></a>
	<a data-rokbox href="/live/joomla-extensions/images/rokbox2/planes_6.jpg" data-rokbox-album="RokBox2 Album" data-rokbox-caption="Album Image 4"></a>
</div>

YouTube Video

YouTube

Syntax

<a data-rokbox href="http://www.youtube.com/watch?v=bssstn218EA&feature=player_embedded" data-rokbox-caption="Disney Pixar Planes - Preview">YouTube</a>

Spotify

Spotify

Syntax

<a data-rokbox href="http://open.spotify.com/user/w00fz/playlist/2OCzUYQMB93T19UAq8hGSK">Spotify</a>

DOM Element

DOM Element - DOM Element Not Found

Syntax

<a data-rokbox href="#" data-rokbox-element="#rt-footer .rokbox">DOM Element</a>
-
<a data-rokbox href="#" data-rokbox-element=".this > #element[does=not] .exist">DOM Element Not Found</a>

Google Maps

Google Maps

Syntax

<a data-rokbox href="https://maps.google.com/maps?q=statue+of+liberty&hl=en&ll=40.689543,-74.044437&spn=0.001591,0.002317&sll=45.543408,-122.654422&sspn=0.265939,0.593262&t=h&hq=statue+of+liberty&z=19" data-rokbox-caption="Statue Of Liberty">Google Maps</a>

Club Extensions Information

Currently, all RocketTheme extensions are free. When Club Extensions are available, they will be listed and demoed in this dropdown. Please note that you can still be a member of the Extensions Club in order to gain access to the forums and first access to any new extensions that are released.