Help adding shadowbox to iweb html

[dave12345]

Hey Guys - i'm am absolute beginner trying to add shadow box to a simple iweb website with videos -

the instructions how to use shadow box can be found here: http://www.shadowbox-js.com/usage.html


it says to change the line from this:

<a href="myimage.jpg">My Image</a>

to this:

<a href="myimage.jpg" rel="shadowbox">My Image</a>

how would i make this change to the following code ?


<img usemap="#map1" id="shapeimage_1" src="test_files/shapeimage_1.png" style="border: none; height: 38px; left: -5px; position: absolute; top: -5px; width: 46px; z-index: 1; " alt="link" title="" /><map name="map1" id="map1"><area href="test_files/90s_web.mov" title="test_files/90s_web.mov" alt="test_files/90s_web.mov" coords="5, 5, 41, 32" /></map>




any help much appreciated !

cheers

[angelwatt]

Also note that because HTML area tags do not support the rel attribute, you cannot use this method to set them up for use with Shadowbox. Instead, use Shadowbox.setup (http://www.shadowbox-js.com/usage.html#advanced)

<script type="text/javascript">
Shadowbox.init({
// skip the automatic setup, we'll do this later manually
skipSetup: true,
// include the quicktime and windows media player players for playing
// movies (assuming we have some movies we want to show in either of
// those formats)
players: ["qt", "wmp"]
});
window.onload = function(){
// set up an area tag inside an element with id of map1
Shadowbox.setup("#map1 area", {
gallery: "My Movies",
autoplayMovies: true
});
};
</script>

[dave12345]

wow - thanks dude - i'm really confused now - think i'll leave it to the professionals !

[dave12345]

hey - i found the answer here - http://www.iwebunlimited.com/iwebtips/Entries/2009/8/22_19-_Shadowbox_in_iWeb.html


works great