Yes i know my English is bad. But i hope you understand me anyway...
I´am trying to get a lightbox to work properly with IE. I´am trying to
get the background display with Effect.Opacity(). Like this:
displayLightbox: function(display){
$('lightbox').style.display = display;
if(display != 'none') {
this.displayOverlay(display);
this.loadInfo();
} else {
new Effect.Fade('overlay', { duration: 0.4,
afterFinish: function()
{ $('overlay').hide(); }});
}
},
displayOverlay: function(display){
$('overlay').setStyle({
display: display,
opacity: 0.0
});
if (browser == 'Internet Explorer'){
$('overlay').setStyle({
height: $('overlay').getHeight(),
width: $('overlay').getWidth:(),
display: 'inline-block'
});
}
new Effect.Opacity('overlay', {duration:0.4, from:0.0, to:0.8});
},
the css part:
#overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
background-color:#000;
}
In Firefiox it works but in IE the entire page blinked a few times and
then it appears with the lightbox in it... I hope you understand my
bad English but i dont know how to explain it in English otherwise.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby
on Rails: Spinoffs" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
