13 июля 2009 в 12:38
Здравствуйте.
Использую LightBox2 для показа картинок в галерее.
Возникло 2 проблемки:
1. Вместо показа красивого окна на затемненном фоне в IE картинка открывается на новой странице (если использовать режим Ligth, то все нормально). В опере - отображается все корректно.
2. Затемненный фон покрывает не всю страницу (внизу остается незатемненная полоска, которая, надо сказать, весьма несимпатична)
Кто-нибудь знает, как это решить?
Комментарии
Версия ослика какая? Возможно конфликт скриптов.
IE 7. Ну допустим, я буду работать в режиме Light. Это нестрашно. Но как избавиться от уродливой незатемненной полоски внизу?
Ну у меня по крайней мере такая полоска не появляется и всё отлично работает. Попробуйте задебаггить.
А можно ссылочку на вашу страницу. Может, у меня с браузером что-то?
Может ли дело быть в содержимом страницы?
отправил в личку.
Была такая проблема, нужно убрать margin/padding с body или что там у вас держит содержимое. Ну или модифицировать javascript добавив в там столько сколько используете в css. А вообще предпочитайте ShadowBox
Спасибо, попробую.
Так и не смог избивиться от полосы внизу. А как подружить Brilliant Gallery с ShadowBox - не понятно.
Насколько я поняла, у Вас текста на странице больше, чем размер окна. У меня была такая проблемка с Opera 9.6.
Попробуйте сделать так:
В файле lightbox.js в функции getPageSize()(строка 932 у меня)внизу после надписи исправьте, чтобы было так:
// For small pages with total height less then height of the viewport.
if (yScroll < windowHeight) {
pageHeight = windowHeight;
}
else {
if (window.navigator.userAgent.indexOf ("MSIE") >= 0){
pageHeight=yScroll+windowHeight+(yScroll)/2;
}
else{
pageHeight = yScroll;
}
Спасибо, дело действительно в этих строках. Только не в lightbox.js, а в lightbox_lite.js, так как я использую режим light.
Однако, ваш код не прошел. Картинки стали открываться в новом окне без всякого оформления. Поэтому я сделал, по-видимому, очень некрасиво с точки зрения программиста - просто нарастил величины на константы: )))
if (yScroll < windowHeight) {
pageHeight = windowHeight+90;
}
else {
pageHeight = yScroll+90;
}
Вроде работает, благодарю.