1

私のワードプレステンプレートは、faceboxを使用してajaxリクエストを介してポートフォリオ画像を表示します。

問題は、視聴者の画面サイズに応じて画像が異なる位置に読み込まれることです。

私のテンプレートは

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

フェイスボックスサイトは

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

フェイスボックスサイトは画像を完全に表示しますが、テンプレートで同じ行を使用すると、正しく表示されません。

画面の中央に画像を一貫してロードするために、誰かが私を正しい方向に向けることができますか？

修正しようとしているポートフォリオサイトへのリンク

フェイスボックスサイトへのリンク

4

1 に答える 1

3

式は次のとおりです：（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の幅が710pxに設定されていることに注意してください。width（）の代わりにouterWidth（）を使用しましたが、それがcss710pxの幅を適切に考慮しているかどうかはわかりません。

于 2010-09-04T18:59:52.503 に答える