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

<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