Alternative content

Get Adobe Flash player

  1. Insert into tag <head></head>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="swfobject.js"></script>
    <script type="text/javascript">
    var flashvars = {};
    var params = {wmode:"transparent"};
    var attributes = {};
    swfobject.embedSWF("preview.swf", "pagePeel", "700", "650", "10.0.0", "expressinstall.swf", flashvars, params, attributes);

    $(document).ready(function(){
    $("#pMask").hover(function(){
    $(this).stop().animate({"width": "700px", "height": "650px"}, 600);
    $('p.banner').toggle('fast');
    },function(){
    $(this).stop().animate({"width": "100px", "height": "100px"}, 600);
    $('p.banner').toggle('fast');
    });
    });

    </script>
    <style type="text/css">
    #pagePeel {
    position:absolute;
    height:650px;
    width:700px;
    top:0;
    right:0;
    z-index:98;
    }
    #pMask {
    position:absolute;
    top:0;
    right:0;
    z-index:99;
    height:100px;
    width:100px;
    overflow:hidden;
    }
    </style>

  2. Insert after tag <body>

    <div id="pMask">
    <div id="pagePeel">
    <h1>Alternative content</h1>
    <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
    </div>
    </div>

  3. Edit data.xml . Instert your ref link insted of http://underconstructionboys.com/

    bgStart="#000000"
    bgHover="#000000"
    cornerWiggle="yes"
    url="http://underconstructionboys.com/"
    smallImg="small.png"
    largeImg="large.jpg">

  4. Upload your html template and all peel files to server