Mediabox Advanced 1.3.4

MediaboxAdvanced is a very easy to use pop-up. Just download the scripts from the website and Mootools 1.2.5, put all the files and folders on the website. Put the urls of these files on the header.php of the theme we use.

I put the “mediaboxadv” folder in the root of the theme “techozoic-fluid”, therefore, the full url of the folder will be: “http://www.dognmonkey.com/techs/wp-content/themes/techozoic-fluid/mediaboxadv/”, in the header.php, just add these lines between the <head> and </head> and we’re good to go.

<!-mediaboxadv–>
<script src=”<?php bloginfo(‘template_url’); ?>/mediaboxadv/mootools-1.2.5-core-nc.js” type=”text/javascript”></script>
<script src=”<?php bloginfo(‘template_url’); ?>/mediaboxadv/Quickie.js” type=”text/javascript”></script>
<script src=”<?php bloginfo(‘template_url’); ?>/mediaboxadv/mediaboxAdv-1.3.4b.js” type=”text/javascript”></script>
<link rel=”stylesheet” type=”text/css” media=”all” href=”<?php bloginfo(‘template_url’); ?>/mediaboxadv/mediaboxAdvBlack21.css” />
<!-end mediaboxadv–>

Images

<p style=”text-align: center;”><a title=”full size click here” href=”/media/teststuff/sm_cab04_75.JPG” rel=”lightbox “><img style=”vertical-align: baseline; border: 2px solid black;” title=”thumb1″ src=”/media/teststuff/tn_cab04_75.JPG” alt=”full size click here” width=”250″ height=”141″ /></a>      <span style=”font-family: comic sans ms,sans-serif; font-size: small;”><em><a title=”full size click here” href=”/media/teststuff/sm_cab04_76.JPG” rel=”lightbox “><img style=”vertical-align: baseline; border: 2px solid black;” title=”thumb2″ src=”/media/teststuff/tn_cab04_76.JPG” alt=”full size click here” width=”250″ height=”141″ /></a>
<a title=”full size click here” href=”/media/teststuff/sm_cab04_77.JPG” rel=”lightbox “>
</a>

Mediabox Pic1      Mediabox Pic2

HTML

<a title=”html display” href=”http://www.dognmonkey.com/techs/shadowbox.html” rel=”lightbox[90% 90%]”>HTML</a>

PDF

<p style=”text-align: center;”><a title=”PDF display” href=”http://www.dognmonkey.com/media/teststuff/lockcoding.pdf” rel=”lightbox[90% 90%]”>

Youtube

<p style=”text-align: center;”><a title=”Snow 2010″ href=”http://www.youtube.com/watch?v=sPNzD–giVE” rel=”lightbox[640 385]”>YouTube iFrame Single In MediaboxAdvance</a></p>

 

YouTube iFrame Single In MediaboxAdvance

YouTube Playlist

<p style=”text-align: center;”><a title=”www.youtube.com playlist::hover over the window to see everything in the play queue” href=”http://www.youtube.com/embed?listType=playlist&list=PLuRzvc_tEcZST27lPO1_WgftNO1pVUZZY” rel=”lightbox”>YouTube Playlist </a></p>

Vimeo

<p style=”text-align: center;”><a href=”http://vimeo.com/877053″ rel=”lightbox[social]”>Vimeo</a></p>

MP4 File

MP4 using JWPlayer

MP4 File

<a title=”Play MP4 File” href=”/media/teststuff/a8.mp4″ rel=”lightbox”><img style=”vertical-align: baseline;” src=”/media/teststuff/a8.png” width=”300″ height=”170″ /></a>

Since Quicktime player doesn’t seem to display the size of the controller correctly and fullscreen option is not there, we modified all files played by Quicktime to default JWplayer.

GOOGLE MAPS

 AVI FILE using WMP PLUGIN for FIREFOX

MOV FILE

<a title=”dognmonkey560b.mov File” href=”/media/teststuff/a8.mov” rel=”lightbox[560 380]”>MOV FILE</a>

Leave a Reply

Your email address will not be published. Required fields are marked *