Make the most of your media, RokBox....

RokBox Overview

The Ultimate JavaScript Powered Multimedia Box

Joomla 1.0 / 1.5 / Standalone Plugins v. 1.0 Free

Demos

Below you will find some examples of the syntax used for a variety of RokBox functions.

At any time, you can switch between Light theme and Dark theme by clicking on the buttons below.

Image - Local

This demo will load a local image and automatically create a thumbnail thanks to "Content - RokBox".

Since album is not specified, you won't see arrows appear, so you cannot navigate through other RokBox links.

Audi RS8 :: Sample Caption for RS8 Image

Syntax

{rokbox title=|Audi RS8 :: Sample Caption for RS8 Image| size=|561 350|}images/rokbox/demo/rs8.jpg{/rokbox}

Image - Remote

This demo will load a remote image.

Thumbnail maker functionality cannot generate thumbnails of remote images, it functions only for local ones. For this remote image we're going to specify a local thumbnail we've created on purpose.

Vauxhall VXR8

Syntax

{rokbox title=|Vauxhall VXR8| size=|450 271| thumb=|images/rokbox/demo/vxr8_thumb.jpg|}http://www.blogsmithmedia.com/www.autoblog.com/media/2008/05/vxr8_newhi012_450-op.jpg{/rokbox}

Audio - mp3

This demo will load and play a local mp3 file. It could of have been remote also.

From now on we're going to specify an album to each demo, so we can navigate through them. Pay attention at the way we have specified the caption description, there's no caption title.

RocketTheme promo

Syntax

{rokbox title=|RocketTheme promo| thumb=|images/rokbox/demo/mp3.jpg| size=|250 15| album=|demo|}images/rokbox/demo/rockettheme.mp3{/rokbox}

Video - Simple SWF File

This demo will load a simple flash movie (.swf) file.

This demo simply load a .swf file but queries works the same (i.e. "myfile.swf?bgcolor=true&color=ffffff").

RocketTheme :: RocketTheme Logo's flash movie

Syntax

{rokbox title=|RocketTheme :: RocketTheme Logo's flash movie| size=|400 140| text=|Click here to load the .SWF file|}images/rokbox/demo/rt_movie.swf{/rokbox}

Video - YouTube

This demo will load a YouTube movie.

YouTube links must be the same as you get from within URI bar. For our demo we're using this link: http://www.youtube.com/watch?v=4BY40QvWQKE

Torino 2006 :: Opening Ceremony Olympic Games Torino 2006 - Ski Jumper

Syntax

{rokbox title=|Torino 2006 :: Opening Ceremony Olympic Games Torino 2006 - Ski Jumper| thumb=|images/rokbox/demo/youtube.jpg| size=|425 373| album=|demo|}http://www.youtube.com/watch?v=4BY40QvWQKE{/rokbox}

Video - Metacafe

This demo will load a Metacafe movie.

Metacafe links must be the as same you get from within URI bar. For our demo we're using this link: http://www.metacafe.com/watch/1291008/how_to_make_jumping_magic_beans/

Magic Beans :: How to Make Jumping Magic Beans

Syntax

{rokbox title=|Magic Beans :: How to Make Jumping Magic Beans| thumb=|images/rokbox/demo/metacafe.jpg| size=|400 345| album=|demo|}http://www.metacafe.com/watch/1291008/how_to_make_jumping_magic_beans/{/rokbox}

Remote Site - Google

This demo will loads an external site, in our case Google's home page.

Did you mean... :: ...Google?
{rokbox title=|Did you mean... :: ...Google?| size=|700 450| thumb=|images/rokbox/demo/google.jpg|}http://www.google.com{/rokbox}
2008 RocketWerx, LLC - All Rights Reserved