Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > [Ext JS][Lightbox] уезжает фон у картинок

Автор: jkffdwitnas 28.11.2010, 18:17

Добрый вечер, уважаемые

Сделал такую штуку
http://repka.in.ua/index.php?option=com_content&view=article&id=90

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

я проверил тут http://dev.sencha.com/playpen/ext-core-latest/examples/lightbox/
и действительно, если уменьшить страничку до размеров когда появляется вертикальный скролл - черный фон также едет

как лечить? потому что в моем случае скролл практически неизбежен

также буду благодарен за любые комменты и замечание по собственно интерфейсу

Спасибо

Добавлено через 13 минут и 45 секунд
внутри собственно lightbox.js размер подложки задается так

Код


getViewSize: function() {
            return [Ext.lib.Dom.getViewWidth(), Ext.lib.Dom.getViewHeight()];
        }

чтоб такое сюда допилить, чтобы он адекватно подложку рисовал
может как то можно взять высоту на которую проскроллили и добавить?

Автор: jkffdwitnas 28.11.2010, 18:46

попробовал так

Код


            var height = (document.body.scrollHeight > document.body.offsetHeight)?document.body.scrollHeight:document.body.offsetHeight;
            var width = (document.body.scrollWidth > document.body.offsetWidth)?document.body.scrollWidth:document.body.offsetWidth;
            console.log(document.body.scrollHeight);
            console.log(document.body.offsetHeight);
            return [width, height];

в итоге document.body.scrollHeight и document.body.offsetHeight всегда одинаковые...

Добавлено @ 18:57
допилил вот так smile

Код


var scrollTop = self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop);
var scrollLeft = self.pageXOffset || (document.documentElement && document.documentElement.scrollLeft) || (document.body && document.body.scrollLeft);
return [document.body.offsetWidth + scrollLeft, document.body.offsetHeight + scrollTop];

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

P.S. нравится мне на этот форум писать ) пока задачу сформулируешь, представишь что могут ответить, глядишь уже и докопался )

с удовольствием узнаю ваше мнение о собственно приложении
всем спасибо