Help adding shadowbox to iweb html

Discussion in 'Web Design and Development' started by dave12345, Oct 29, 2009.

  1. dave12345 macrumors regular

    Joined:
    Oct 19, 2008
    #1
    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
     
  2. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #2
    PHP:
    <script type="text/javascript">
    Shadowbox.init({
        
    // skip the automatic setup, we'll do this later manually
        
    skipSetuptrue,
        
    // 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>
     
  3. dave12345 thread starter macrumors regular

    Joined:
    Oct 19, 2008
    #3
    wow - thanks dude - i'm really confused now - think i'll leave it to the professionals !
     

Share This Page