PDA

View Full Version : Lightbox image viewer 2.03a Not tiling to the bottom of the page?



Madmediablitz
01-08-2008, 09:33 PM
1) Script Title: Lightbox image viewer 2.03a

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

3) Describe problem:

The 80% png overlay doesn't cover to the bottom of the screen. Don't understand why either. Any help would be appreiciated. The site is here http://www.dansmithbmx.com/media_photo.html

thanks,

MMB

jscheuer1
01-09-2008, 06:06 AM
There is no 80% png overlay. In this version of lightbox, that effect is achieved with pure style. Also, the problem you are referring to ony appears to occur in IE 6.

If you add this to your page, it will take care of it:


. . . script" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<!--[if lte IE 6]>
<script type="text/javascript">
function oHeight(){
var ic=document.getElementById('imageContainer')? imageContainer.offsetHeight:0;
var ict=document.getElementById('lightbox')? lightbox.offsetTop:0;
var idc=document.getElementById('imageDataContainer')? imageDataContainer.offsetHeight:0;
if(document.getElementById('overlay'))
overlay.style.height=Math.max(ic+ict+idc, document.documentElement.offsetHeight)+'px';
}
setInterval('oHeight()',200);
</script>
<style type="text/css">
body {
margin:0;
}
</style>
<![endif]-->
</head>

<body>
<div class="head . . .