More Examples on using the Shadowbox Feature Follow;
I have put together a few examples of the code than can be applied to make use of the YOOeffects module and any other extension that makes use of the Shadowbox.js media viewer application. This is a brief explanation of the Shadowbox feature ;
Shadowbox is a cross-browser, cross-platform, cleanly-coded and fully-documented media viewer application written entirely in JavaScript. Using Shadowbox, website authors can display a wide assortment of media in all major browsers without navigating away from the linking page.
As I get the time I will be adding a few more examples, specifically with regards to video presentation and image gallery applications.
Opening Up websites and textual content in the Shadowbox .
Sample Code for opening this page up in the lightbox
<a class="option" href="/joomla-tutorials/more" title="This page" rel="shadowbox">Opening up this page in the Shadowbox</a>
Sample Code for opening up an external site like Google
<a class="option" href="http://www.google.com/" title="Google.com" rel="shadowbox">Opening up an External site like Google</a>
The content below will open up in the Shadowbox!
If you already have a website or are thinking of getting your own website, the most important factor to consider is that you need a website that works for you, and engages your intended audience ! At Herdboy, we design and develop websites that work for our clients. Our services extend beyond the creation of websites alone and include: CMS web design and development, eCommerce web sites, Flash web design, Internet Consulting Services, Search Engine Optimisation and Online Marketing.
Sample Code for opening up some inline content
<a class="option" href="#inline-sample" title="Opening up Inline content" rel="shadowbox;width=200;height=400">Opening up some Inline Content</a> </p> <div id="inline-sample" class="hidden"> <div class="inline-sample-content">
Opening up media like .swf, .flv etc
Sample Code for opening up a .swf in the lightbox
<a class="option" href="/images/demo/CalmBay1.swf" title="SWF demo" rel="shadowbox;width=400;height=300">Single SWF Demo</a>
Sample Code for opening up a .swf in the lightbox
<a class="option" href="/images/demo/CalmBay1.swf" title="Girl Skipping" rel="shadowbox">Single SWF</a>
Sample Code for opening up a .swf in the lightbox
<a href="/images/demo/CalmBay1.swf" rel="shadowbox;height=140;width=120">My Movie</a>
If you find this usefull , we need your 
License
Shadowbox is copyright © 2007 Michael J. I. Jackson and is licensed under the GNU Lesser General Public License.
Credits
YOOeffects by YOOtheme.com
Shadowbox.js by Michael J. I. Jackson
Shadowbox was inspired by Lokesh Dhakar's Lightbox and Kevin Miller's LightWindow. Credit should be given to the authors of those libraries for the basic idea behind Shadowbox.
The default Shadowbox Flash video player is Jeroen Wijering's JW FLV Player. It is distributed under the Creative Commons Attribution-Noncommercial-Share Alike 2.0 Generic license.
Subscribe to this comment's feed
j.f . herrera
said:
 |
TemplateJuice Thanks for the tip. I spent 2 hours trying to figure out how to make shadowbox work with joomla. Thanks! |
Show/hide comment form