When I use the lightbox code, it works correctly in firefox. But in IE it places the image, the video and the shading one after another on the page instead of layering on top of each other for a popup effect. Is there something I need to add to the code to have it work correctly in IE?
This is my code:
<script type="text/javascript" src="http://www.norfield.com/customer/noindu/video/jquery.js"></script>
<script type="text/javascript" src="http://www.norfield.com/customer/noindu/video/jquery.jwbox.js"></script>
<script type="text/javascript" src="http://www.norfield.com/customer/noindu/video/swfobject.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.norfield.com/customer/noindu/video/jwbox.css" />
<div class="jwbox">
<img src="http://www.norfield.com/customer/noindu/images/front/mfg56100.png" alt="MFG56100" border="0"/>
<div class="jwbox_hidden">
<div class="jwbox_content">
<div id="player1"></div>
<script type="text/javascript">
var so = new SWFObject('http://www.norfield.com/customer/noindu/video/player.swf','player','375','294','9');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addParam('flashvars','file=http://www.norfield.com/customer/noindu/video/MFG5600Web.flv&backcolor=ff5c00&logo=/customer/noindu/...');
so.write('player1');
</script>
<p>How To video of ... </p>
</div>
</div>
</div>
here is an example
http://www.norfield.com/default.aspx?page=customer&file=customer/noindu/customerpages/resources.htm
instead of popping over everything it just slides everything down in explorer. Is there anyway to fix this?