• Home
  • Magenta News
  • Our Services
    • Accountancy
    • Tax
    • Consultancy
    • Book-keeping
    • Payroll
  • Our Team
    • Keeley Cousens
    • Stacey Sturgess
    • Karen Myers
    • Jennie Free
    • Kim Palmer
    • David Nurmamade
    • Jess Cousens
  • Contact Us
  • Privacy
    • Data Protection Policy
    • Website Privacy Policy

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. If you're having issues with using syntax in the WYSIWYG editor, please try to place it in the HTML mode of the editor. 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.

Multiple Images

This demo will check the directory for existing images and load them

[rokbox title="Multiple Images :: Sample Caption" size="300 200" album="album" class="link-class" imgclass="image-class rt-image" twidth="100" theight="80"]http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_wp/general/rokstories-sample/*[/rokbox]

Syntax

[rokbox title="Multiple Images :: Sample Caption" size="300 200" album="album" class="link-class" imgclass="image-class rt-image" twidth="100" theight="80"]http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_wp/general/rokstories-sample/*[/rokbox]

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.
[rokbox title="Audi RS8 :: Sample Caption for RS8 Image" size="561 350" thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_wp/rokbox/rs8_thumb.jpg"]http://demo.rockettheme.com/extensions/images/stories/demo/rokbox/rs8.jpg[/rokbox]

Syntax

[rokbox title="Audi RS8 :: Sample Caption for RS8 Image" size="561 350" thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_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.
[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]

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.

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

Syntax

[rokbox thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_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.

[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]

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.
[rokbox title="RocketTheme promo" thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_wp/rokbox/mp3.jpg" size="250 15" album="demo"]http://demo.rockettheme.com/extensions/images/stories/demo/rokbox/rockettheme.mp3[/rokbox]

Syntax

[rokbox title="RocketTheme promo" thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_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").
[rokbox title="RocketTheme :: RocketTheme Logo's flash movie" size="400 140" thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_wp/rokbox/flash.gif"]http://demo.rockettheme.com/extensions/images/stories/demo/rokbox/rt_movie.swf[/rokbox]

Syntax

[rokbox title="RocketTheme :: RocketTheme Logo's flash movie" size="400 140" thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_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
[rokbox title="Cars :: 2010 Aston Martin Vantage V 12" thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_wp/rokbox/youtube.jpg" size="854 505" album="demo"]http://www.youtube.com/watch?v=6RWQz0Q7_zY&hd=1&autoplay=1[/rokbox]
[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] | [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] | [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]

Syntax

Example 1 (thumb)

[rokbox title="Cars :: 2010 Aston Martin Vantage V 12" thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_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.
[rokbox title="Primavera :: A look at Earth and space." thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_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]

Syntax

[rokbox title="Primavera :: A look at Earth and space." thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_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/
[rokbox title="Magic Beans :: How to Make Jumping Magic Beans" thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_wp/rokbox/metacafe.jpg" size="400 345" album="demo"]http://www.metacafe.com/watch/1291008/how_to_make_jumping_magic_beans/[/rokbox]

Syntax

[rokbox title="Magic Beans :: How to Make Jumping Magic Beans" thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_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.

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

Syntax

[rokbox title="Did you mean... :: ...Google?" thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_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.

[rokbox size="65% 80%" thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_wp/rokbox/google.jpg"]http://www.google.com[/rokbox]

Syntax

[rokbox size="65% 80%" thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_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.

[rokbox size="fullscreen" thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_wp/rokbox/google.jpg"]http://www.google.com[/rokbox]

Syntax

[rokbox size="fullscreen" thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_wp/rokbox/google.jpg"]http://www.google.com[/rokbox]

PDF

This demo will load a PDF file.

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

Syntax

[rokbox size="fullscreen" album="demo" title="RokBox :: PDF File" thumb="http://www.horizon-accounts.com/wp-content/rockettheme/rt_panacea_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.

Recent Posts

  • BUDGET UPDATE MARCH 2021
  • VAT DEFERRAL NEW PAYMENT SCHEME

Useful Links

  • HM Revenue & Customs

Contact Info

Magenta Accounts
Unit 2A Poles Copse
Poles Lane
Otterbourne
Winchester
SO21 2DZ
Tel: 01962 717498
Mob: 07795 974685
email: info@magenta-accounts.com

Client Testimonials

Wonderful, friendly service. Thank you so much for looking after us!

Faye Chandler, Oliver Chandler Limited

I would gladly recommend Keeley to anybody who is looking for a conscientious, detailed and hard working accounting professional. Both individually, during her career before Magenta, and now as part of the wider Magenta Accounts team Keeley has looked after my financial well-being over the last fifteen years, and has done it exquisitely well. In fact, so happy am I to recommend Keeley, that four of my closest friends now have their company finances managed by Keeley's safe hands at Magenta.

Mike Boreham. Managing Director, Quiddity Solutions Limited

Magenta have handled our payroll and invoicing for three years, and have had an extremely positive impact on Semantic. Between them the team now handle all my personal and professional needs.

Nick Warren. Managing Director, Semantic Limited

Keeley has handled all my tax affairs for many years and I cannot speak highly enough about the professional level of service she has provided. Her efficiency and knowledge mean that my tax affairs are handled swiftly and competently making the whole experience pleasurable and cost effective.

Linda Green

Just a note to say how impressed I have been with Magenta Accounts and the service that you have provided me within my first 6 months of setting up my business. With being a new business, making sure I generate income immediately is vital, so by knowing that you are taking away of all my financial duties from me such as making small payments to providing monthly management accounts allows me to focus more of my time on other aspects such as growing the business and generating revenue. Each member of staff provides a personal and prompt service and it is comforting to know that whoever I speak to at Magenta Accounts, each member of staff is fully aware of my accounts and the current situation. I would fully recommend your company to any business who is looking for a service that not only helps take away the stress of looking after money, but also helps you grow as a business.

Michael Dyble, Managing Director, Dybles Limited

Keeley and her team are fantastic at providing the right advice, expert skills and taking the headache of accounting away from me, allowing me to spend more time on my business, not in it. Highly recommended local, friendly company.

Mike Hayward, Managing Director, Burton Technologies Limited