Follow Herdboy.com

Multiple Links in the Shadowbox

This is an example of how you can use the  Shadowbox script to open up mutiple items, eg; multiple websites or images or a combination of media supported by the script.
 
 
Sample code for this multiple links  demo              >>> More Samples here  <<<
 
<div><a class="option" href="/index.php" title="This Site" rel="shadowbox[Mixed];options={counterType:'skip',continuous:true}">Mixed Content Gallery</a> <a class="hidden" href="http://www.herdboyhost.com/" title="HerdboyHost" rel="shadowbox[Mixed]"></a> <a class="hidden" href="http://forum.joomla.org/" title="Forum" rel="shadowbox[Mixed]"></a> <a class="hidden" href="http://www.google.com/" title="Google" rel="shadowbox[Mixed]"></a> </div>

 
 
 

Click above to see the demo or on the image below.  

 


 

Single Image Demo

Click above to see the demo or on the image below.Click For The Demo


 

 

Sample code for this single image  demo              >>> More Samples here  <<<

<a href="/images/stories/membership.png" title="Great Wall of China" rel="shadowbox;options={handleOversize:'none'}"> <img src="/images/demo.png" border="0" alt="Click For The Demo" title="Click For The Demo" width="100" height="26" align="left" /></a>

 

Opening up a YOOtube video that links off an Image
Click For The Demo
 
 
 
Here is the sample code to use
 
<a class="option" href="http://www.youtube.com/v/wbzLpteC8ng&autoplay=1" title="David Beckham" rel="shadowbox;width=405;height=340"><img src="/images/demo.png" border="0" alt="Click For The Demo" title="Click For The Demo" width="100" height="26" /></a>
 
 
Opening up a Google video that links off an Image

Click For The Demo

Here is the code to use:
 
 
<SPAN class=tip><a class=option title="Google Video" href="http://video.google.com/videoplay?docid=1811233136844420765" rel=shadowbox;width=405;height=340></a></SPAN>
 
 
If you find this usefull , we need your Joomvote! Now 
What's that I hear you say ? You want to drop a small donation to support the tutorials, no problem, just click here
Comments (2)add comment

mustaq said:

mustaq
Code needed
@ Erica
I need to have a look at the code you are using. Can you post it here on our forums Forum so I can have a better understanding. Thankssmilies/smiley.gif
 
March 06, 2009 | url
Votes: +1

Erika said:

0
Question
So how do you fix your multi-image shadowbox to start with the first image (image #1) instead of the last? My multi-image shadowbox always start with the last image.
 
March 06, 2009
Votes: +4

Write comment

busy