Ladd McNamara, M.D discusses the future of medicine both as it relates to health, supplementation, and how health professionals are finding new ways to increase income in an ever evolving world!

RokBox

RokBox is a mootools powered JavaScript slideshow that allows you to quickly and easily display multiple media formats including images, videos (video sharing services also) and music.

RokBox provides a theme system that allows you to create your own custom ones to fit your websites design. It includes three predefined themes, a Light and Dark theme and a Mynxx theme that will fit seamlessly into your site design. RokBox is as easy as pie to install and customize, providing an easy way to create your own custom themes for it.

Usage

RokBox utilises the WordPress shortcodes. The RokBox syntax should be placed in the post content in the place where you want it to appear. More info about using shortcodes can be found here : http://codex.wordpress.org/Shortcode_API

Demos

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

Image

This demo will load a image

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" thumb="http://www.laddmcnamara.net/wp-content/rockettheme/rt_reaction_wp/rokbox/rs8_thumb.jpg"]http://demo.rockettheme.com/extensions/images/stories/demo/rokbox/rs8.jpg[/rokbox]

Image (text instead of thumbnail)

This demo will load a image and use text instead of a thumbnail".

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

Syntax

[rokbox size="561 350" title="Audi RS8 :: Sample Caption for RS8 Image" text="RokBox link with no Thumbnail"]http://demo.rockettheme.com/extensions/images/stories/demo/rokbox/rs8.jpg[/rokbox]

Image (no sizes provided)

This demo will load a image without having provided sizes.

Vauxhall VXR8

Syntax

[rokbox thumb="http://www.laddmcnamara.net/wp-content/rockettheme/rt_reaction_wp/rokbox/sshot2_thumb.jpg" title="Vauxhall VXR8"]http://www.rockettheme.com/images/extensions/joomla/rokbox/sshot2.jpg[/rokbox]

Image not found

This demo will demonstrate RokBox handling images not found.

Audi RS8 :: Sample Caption for RS8 Image

Syntax

[rokbox title="Audi RS8 :: Sample Caption for RS8 Image" size="561 350" thumb="images/some_folder/not_existing_thumb.jpg"]images/some_folder/not_existing.jpg[/rokbox]

Audio - mp3

This demo will load and play a mp3 file.

From now on we're going to specify the same album for 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="http://www.laddmcnamara.net/wp-content/rockettheme/rt_reaction_wp/rokbox/mp3.jpg" size="250 15" album="demo"]http://demo.rockettheme.com/extensions/images/stories/demo/rokbox/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" thumb="http://www.laddmcnamara.net/wp-content/rockettheme/rt_reaction_wp/rokbox/flash.gif"]http://demo.rockettheme.com/extensions/images/stories/demo/rokbox/rt_movie.swf[/rokbox]

Video - YouTube

This demo will load a YouTube movie.

YouTube links must be the same as you get from within the URI bar. You can pass all the options to the URI (ie, &hd=1&autoplay=1). For our demo we're going to use this link: http://www.youtube.com/watch?v=6RWQz0Q7_zY
Cars :: 2010 Aston Martin Vantage V 12

Syntax

Example 1 (thumb)

[rokbox title="Cars :: 2010 Aston Martin Vantage V 12" thumb="http://www.laddmcnamara.net/wp-content/rockettheme/rt_reaction_wp/rokbox/youtube.jpg" size="854 505" album="demo"]http://www.youtube.com/watch?v=6RWQz0Q7_zY&hd=1&autoplay=1[/rokbox]

Example 2 (normal quality)

[rokbox title="Cars :: 2010 Aston Martin Vantage V 12" text="normal quality" size="425 373" album="demo"]http://www.youtube.com/watch?v=6RWQz0Q7_zY[/rokbox]

Example 3 (HD + autoplay + layout colors)

[rokbox title="Cars :: 2010 Aston Martin Vantage V 12" text="HD + autoplay + layout colors" size="854 505" album="demo"]http://www.youtube.com/watch?v=6RWQz0Q7_zY&autoplay=1&fs=1&color1=0x5d1719&color2=0xcd311b&hd=1&border=1[/rokbox]

Example 4 (HD + autoplay + start from 36s)

[rokbox title="Cars :: 2010 Aston Martin Vantage V 12" text="HD + autoplay + start from 36s" size="854 505" album="demo"]http://www.youtube.com/watch?v=6RWQz0Q7_zY&hd=1&autoplay=1&start=36[/rokbox]

Built-in FLV Player

This demo will load a FLV movie.

FLV built-in is now possible thanks to JW FLV Player. The FLV video comes from http://www.youtube.com/watch?v=5KTI1-5Lapg
You can pass any option allowed by JW FLV Player, please use its documentation as reference.
Primavera :: A look at Earth and space.

Syntax

[rokbox title="Primavera :: A look at Earth and space." thumb="http://www.laddmcnamara.net/wp-content/rockettheme/rt_reaction_wp/rokbox/flv.jpg" size="854 505" album="demo"]http://demo.rockettheme.com/extensions/images/stories/demo/rokbox/primavera.flv&buffer=10&autostart=true&fullscreen=true&width=854&height=505[/rokbox]

Video - Metacafe

This demo will load a Metacafe movie.

Metacafe links must be the as same you get from within the URI bar. For our demo we're going to use this video: 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="http://www.laddmcnamara.net/wp-content/rockettheme/rt_reaction_wp/rokbox/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?

Syntax

[rokbox title="Did you mean... :: ...Google?" thumb="http://www.laddmcnamara.net/wp-content/rockettheme/rt_reaction_wp/rokbox/google.jpg" size="700 450"]http://www.google.com[/rokbox]

Remote Site - Google (size: 65% 80% of the screen)

This demo acts like the previous one, but we're using percentages as size.

Syntax

[rokbox size="65% 80%" thumb="http://www.laddmcnamara.net/wp-content/rockettheme/rt_reaction_wp/rokbox/google.jpg"]http://www.google.com[/rokbox]

Remote Site - Google (size: fullscreen)

This demo acts like the previous one, but instead of percentages we're using the fullscreen option as size.

Syntax

[rokbox size="fullscreen" thumb="http://www.laddmcnamara.net/wp-content/rockettheme/rt_reaction_wp/rokbox/google.jpg"]http://www.google.com[/rokbox]

PDF

This demo will load a PDF file.

RokBox :: PDF File

Syntax

[rokbox size="fullscreen" album="demo" title="RokBox :: PDF File" thumb="http://www.laddmcnamara.net/wp-content/rockettheme/rt_reaction_wp/rokbox/pdf.gif"]http://demo.rockettheme.com/extensions/images/stories/demo/rokbox/rokbox.pdf[/rokbox]

Features

  • Mootools v1.2 compatible
  • 4 Customizable Transition Type: Fade, QuickSilver, Growl, Explode.
  • Support for PDF, Images, FLV, QuickTime (.mov, .m4v), Windows Media Video (.wmv), Flash (.swf), YouTube, DailyMotion, MetaCafe, Google Video, Vimeo, Audio (.mp3, .wav, .m4a), local and remote sites.
  • Support for albums/categories.
  • Ability to popup RokBox in pixels or percentages and fullscreen relative to the browser window.
  • Support for Captions including support for titles and descriptions.
  • 3 Predefined Themes provided: Light Theme, Dark Theme, Mynxx Theme.
  • Support for custom themes with ability to customize styles and RokBox configuration per theme.

Leave a Reply


Site Search

Follow Me On:

Subscribe for Updates

* First Name:
* Last Name:
* E-mail:
Comments:

Medical Disclaimer

Information on this web site is provided for informational purposes only. The information is a result of years of practice experience and study by the author. This information is not intended as a substitute for the advice provided by your physician or other healthcare professional or any information contained on or in any product label or packaging. Do not use the information on this website for diagnosing or treating a health problem or disease, or prescribing medication or other treatment. Always speak with your physician or other healthcare professional before taking any medication or nutritional, herbal or homeopathic supplement, or using any treatment for a health problem. If you have or suspect that you have a medical problem, contact your health care provider promptly. Do not disregard professional medical advice or delay in seeking professional advice because of something you have read on this web site. Information provided on this web site and the use of any products or services purchased from this website (or as a result of information provided this website) by you DOES NOT create a doctor-patient relationship between you and any of the physicians or authors affiliated with this website. Information and statements regarding dietary supplements have not been evaluated by the Food and Drug Administration and are not intended to diagnose, treat, cure, or prevent any disease.