Как правильно центрировать запрос Facebox Ajax? - PullRequest
Новая
       5

Как правильно центрировать запрос Facebox Ajax?

1 голос
/ 04 сентября 2010

Мой шаблон WordPress использует Facebox для отображения изображений портфолио с помощью запросов AJAX.

Проблема заключается в загрузке изображений в разных позициях в зависимости от размера экрана программы просмотра.

В моем шаблоне используется 

$('#facebox').css({
    top:    getPageScroll()[1] + (getPageHeight() / 10),
    left:   385.5
  }).show()

Сайт Facebox использует 

$('#facebox').css({
   top: getPageScroll()[1] + (getPageHeight() / 10),
   left: $(window).width() / 2 - 205
 }).show()

Сайт Facebox отображает изображения отлично, но когда я использую ту же строку с моим шаблоном, он не отображается должным образом.

Может кто-тоНаправьте меня в правильном направлении, чтобы изображения постоянно загружались в центре экрана?

Ссылка на сайт портфолио, который я пытаюсь исправить

Ссылка на сайт facebox

1 Ответ

3 голосов
/ 04 сентября 2010

Формула имеет вид: (window.width / 2) - (target.width / 2) 

$('#facebox').css({
   top: getPageScroll()[1] + (getPageHeight() / 10),
   left: ($(window).width() / 2) - ($('#facebox').outerWidth() / 2)
 }).show()

Обратите внимание, что ваш facebox.css устанавливает для div # facebox ширину 710 пикселей, хотя ваши изображения шире,Я использовал externalWidth () вместо width (), но не уверен, правильно ли он учитывает ширину css 710px.

...