Unable to make Shadowbox work in IE6 and 7

classic Classic list List threaded Threaded
2 messages Options
Reply | Threaded
Open this post in threaded view

Unable to make Shadowbox work in IE6 and 7

I have been testing shadowbox and am unable to make ir function in IE6 and IE7. My test file works in all other browers. I am sure that I am missing something.

I am including the very simple HTM file for you gurus to look at and advise.

Many thanks ....




<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Shadowbox.js Media Viewer</title>

<link rel="stylesheet" type="text/css" href="shadowbox/css/shadowbox.css">

<script type="text/javascript" src="shadowbox/js/yui-utilities.js"></script><script type="text/javascript" src="shadowbox/js/shadowbox-yui.js"></script><script type="text/javascript" src="shadowbox/js/shadowbox.js"></script><script type="text/javascript"> window.onload = function(){ Shadowbox.init(); /** * Note: The following command is not necessary in your own project. It is * only used here to set up the demonstrations on this page. */ initDemos(); }; function initDemos(){ Shadowbox.setup([ document.getElementById('flash1'), document.getElementById('flash2'), document.getElementById('flash3') ], { gallery: 'Flash', continuous: true, counterType: 'skip', animSequence: 'sync' }); Shadowbox.setup(document.getElementById('hongkongmap').getElementsByTagName('area')); }; </script></head>

<div id="wrapper" style="position: relative; ;width: 350px; height: 263px; z-index: 1; float: right; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; padding-top: 5px; font-weight: bold;" id="RelativeRight" align="left">

Admiral Factory

<strong>Click on Image for Larger Version</strong>


Reply | Threaded
Open this post in threaded view

Re: Unable to make Shadowbox work in IE6 and 7

You must make sure that there are no errors/warnings in your javascript. IE can be a bit picky :p Opera's Error Console is great for debugging.