ty :)

is there any possibility to fix the content of the first div layer while this overlay is open (and scrollable), and make it scrollable again when the overlay is closed?

I’m a absolute beginner in terms of HTML, JS and CSS. But what I did so far is set up a HTML file with linked images. This page is scrollable. When I click on a image I use your Overlay script to fade-in a dark background make a hidden div visible. This div contains either text, several images or flash video. I use onShow document.getElementById(“overlaycontent”).style.display = ‘block’; onClose I use document.getElementById(“overlaycontent”).style.display = ‘none’. This works so far.

But how can I make the lower content div unscrollable while the overlay is scrollable and on close the other way round? I tried to use document.getElementById(“content”).style.position = ‘fixed’. But than the background jumps to the first position. It should be fixed at the current scroll position. Any idea?

I hope you got me :)

on high resolution screens (above 1440×900) the dark area on your Demo does not cover entire page. There can be a huge gap on right.

var test = new Element(‘div’, {
‘styles’: {
‘background-color’: ‘#FFF’,
‘width’: 300,
‘height’: 200,
‘position’: ‘absolute’,
‘top’: 10,
‘left’: 200
},
‘html’: ‘test’
});

$(‘overlay’).grab(test);

thanks

This is what I’ve tried, somehow this.tween.set() just doesn’t work:

Overlay.implement({
set: function() {
this.fireEvent(‘set’);
this.tween.set(this.options.opacity);
}
});

Anyone here with a workaround to fix this?

Any hint will be very appreciated :)

Bau,
Wiz