Помогите с лайтбоксом, плиз. В Опере выпендривается.

[kalyaka-malyaka]

http://www.afi-pallada.ho.ua/_sm/index.shtml?portfolio_web

посмотрите в опере, пожалуйста. надо покликать на превьюхи в портфолио.

так фигня такая:

див overlay, который делает черный полупрозрачный фон лайтбокса, в опере тянется только на высоту видимой части экрана. если картинка больше высоты экрана, то страница скроллится, а фон обрубается по высоте первого экрана.

я не знаю, как уговорить оперу. может, в скрипте что-то поменять надо? в js я совсем дуб. а в css уже не знаю, что придумать.

помогите, плиз.

[homm]

#overlay {

position: fixed;}

спасает, но при скроллинге начинает тормозить. Смотри, почему у тебя вдруг у тогоже overlay жестко заданный height. Как при таком раскладе нет подобного эффекта в других браузерах — ума не приложу

[SelenIT]

В прошлом году фиксил подобное, несколько изменив логику расположения бокса: если полная картинка не вместится в оставшееся до конца страницы пространство, то не удлиннять страницу, а поднять бокс на столько, сколько нужно, чтоб она вместилась (пример). Мои правки - строчки 259-261 в скрипте (lightbox.js).

А еще, возможно, пригодится подборка аналогов - если не баг побороть, так хотя бы размер оптимизировать... )

почему у тебя вдруг у тогоже overlay жестко заданный height

homm, это начальное значение, оно потом динамически подстравается скриптом под актуальный размер (ф-ция updateDetails). Edited January 28, 2009 by SelenIT

[kalyaka-malyaka]

уф! с помощью молотка и такой-то матери получилось

position: fixed помог, но в ie 6 пришлось хаком вернуть абсолют. после этого обнаружилось, что в иешке появляется внизу отступ фона от нижней границы браузера, равный пэддингу дива с картинкой.

правленный скрипт тоже работал с каким-то глюком (сорри, но не помню, с каким именно).

в общем, страдала я, терзала код. а потом пришел мрачный грозный умный муж, отодвинул меня из-за компа и сел что-то ковырять в lightbox.js. я не знаю, что именно он изменил, но работает. position: fixed осталась. и что-то из предлагаемых изменений в lightbox.js использовал.

homm, SelenIT, спасибо! коллективный разум победил (посмотреть результат можно по ссылке из первого поста)

Edited January 29, 2009 by kalyaka-malyaka