Rokbox
In this theme, we used RokBox as a script to display content in a popup window. 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.
Full list of supported media formats
- Images: Links ending with .gif, .jpg, .jpeg, .png or .bmp
- Generic Videos: Links ending with .mov, .m4v, .qt, .mpeg, .divx, .avi, .xvid, .wmv, .wma, .wax, .wvx, .asx, .asf
- Video Sharing Services: YouTube (HD included), DailyMotion, Metacafe, Google Video, Vimeo, Simple .swf files
- FLV: Built-in FLV player using JW FLV Player
- Audio: Links ending with: .mp3, .wav, .m4a
- PDF: Links ending with: .pdf
- Local and Remote URIs
In Amoveo theme is also built-in RokBox shortcode allows you to easily place any type of content without any programming knowledge.Below some examples of usage and syntax
Single Image
Get Code
[rokbox title="Sample Image :: Sample Caption for Sample Image" size="561 350" thumb="http://www.dynamicpress.eu/democontent/amoveo/small-4.jpg"]http://www.dynamicpress.eu/democontent/amoveo/big-4.jpg[/rokbox]
Image Group
Get Code
[rokbox title="Sample Image :: Sample Caption for Sample Image 1" size="561 350" album="demo" thumb="http://www.dynamicpress.eu/democontent/amoveo/small-4.jpg"]http://www.dynamicpress.eu/democontent/amoveo/big-4.jpg[/rokbox]
[rokbox title="Sample Image :: Sample Caption for Sample Image 1" size="561 350" album="demo" thumb="http://www.dynamicpress.eu/democontent/amoveo/small-5.jpg"]http://www.dynamicpress.eu/democontent/amoveo/big-5.jpg[/rokbox]
[rokbox title="Sample Image :: Sample Caption for Sample Image 1" size="561 350" album="demo" thumb="http://www.dynamicpress.eu/democontent/amoveo/small-6.jpg"]http://www.dynamicpress.eu/democontent/amoveo/big-6.jpg[/rokbox]
Image (text instead of thumbnail)
This demo will load a image and use text instead of a thumbnail”.
Get Code
[rokbox size="561 350" title="Sample Image :: Sample Caption for Sample Image" text="RokBox link with no Thumbnail"]http://www.dynamicpress.eu/democontent/amoveo/big-4.jpg[/rokbox]
Image not found
This demo will demonstrate RokBox handling images not found.
Get Code
[rokbox title="Sample Image :: Sample Caption for Sample 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.
Get Code
[rokbox title="Sample Mp3 audio file" thumb="http://www.dynamicpress.eu/democontent/amoveo/audio.jpg" size="250 15" album="audio-video"]http://www.dynamicpress.eu/democontent/amoveo/sample.mp3[/rokbox]
SWF File
This demo will load a simple flash movie (.swf) file.
Get Code
[rokbox title="Sample Mp3 audio file" thumb="http://www.dynamicpress.eu/democontent/amoveo/audio.jpg" size="250 15" album="audio-video"]http://www.dynamicpress.eu/democontent/amoveo/sample.mp3[/rokbox]
Video – YouTube
This demo will load a YouTube movie.
Get Code
[rokbox title="Nike Spot :: Old Nike spot in the cage" thumb="http://www.dynamicpress.eu/democontent/amoveo/youtube.jpg" size="854 505" album="audio-video"]http://www.youtube.com/watch?v=e0MBxEAv-30&autoplay=1[/rokbox]
Video – YouTube HQ
Get Code
[rokbox title="YouTube High Quality :: Where the Hell is Matt?" thumb="http://www.dynamicpress.eu/democontent/amoveo/youtube-hq.jpg" size="854 504" album="audio-video"]http://www.youtube.com/watch?v=zlfKdbWwruY&hd=1&autoplay=1&start=36[/rokbox]
Syntax example (HD + autoplay + start from 36s)
[rokbox title="YouTube High Quality :: Where the Hell is Matt?" thumb="http://www.dynamicpress.eu/democontent/amoveo/youtube-hq.jpg" size="854 504" album="audio-video"]http://www.youtube.com/watch?v=zlfKdbWwruY[/rokbox]
Video (MOV format)
This demo will load external movie in .mov format. In our case Gantry for WordPress promotional video.
Get Code
[rokbox title="Gantry :: Gantry for WordPress promo" thumb="http://www.dynamicpress.eu/democontent/amoveo/gantry.jpg" size="700 490" album="audio-video"]http://www.gantry-framework.org/media/videos/wordpress/gantry-promo.mov[/rokbox]
Video – Metacafe
This demo will load a Metacafe movie.
Get Code
[rokbox title="Magic Beans :: How to Make Jumping Magic Beans" thumb="http://www.dynamicpress.eu/democontent/amoveo/metacafe.jpg" size="400 345" album="audio-video"]http://www.metacafe.com/watch/1291008/how_to_make_jumping_magic_beans/[/rokbox]
Built-in FLV Player
This demo will load a FLV movie.
Get Code
[rokbox title="Disney Nature :: Oceans." thumb="http://www.dynamicpress.eu/democontent/amoveo/oceans.jpg" size="600 270" album="audio-video"]http://www.dynamicpress.eu/democontent/amoveo/oceans.flv&buffer=10&autostart=true&fullscreen=true&width=400&height=200[/rokbox]
Remote Site
This demo will loads an external site, in our case Google’s home page.
Get Code
[rokbox title="Did you mean... :: ...Google?" thumb="http://www.dynamicpress.eu/democontent/amoveo/google.jpg" size="700 450"]http://www.google.com[/rokbox]
This demo will open PDF document.
Get Code
[rokbox size="fullscreen" title="Envato :: PDF File" thumb="http://www.dynamicpress.eu/democontent/amoveo/pdf.jpg"]http://www.dynamicpress.eu/democontent/amoveo/envato.pdf[/rokbox]
