0

ギャラリーの仕事をしています。ライトボックス ギャラリーが画面の中央よりも少し上に来ることを除いて、すべてが正常に機能します。

ライトボックスのソース: http://lokeshdhakar.com/projects/lightbox2/

オーバーレイを画面の中央に動的に配置する必要がありますが、何らかの理由で私の場合はそうしていません。コードをデバッグすると、メインのライトボックス コンテナーのプロパティが次のように表示されます。

<div id="lightbox" style="display: block; top: 189.4px; left: 0px;">

2 番目の質問: 現在、写真のタイトルのみが表示されているため、ライトボックスに写真の説明を追加するにはどうすればよいですか。実際には、写真の説明と日付を追加する必要があります。

より明確にするために、スクリーンショットを追加して、画面上でどのように見えるかを示しています。

![ここに画像の説明を入力][1]

このスクリーン ショットから、ライトボックスが上から 75 ピクセルで始まることが明らかです。これにより、画像が画面の中央に垂直に配置されません。

4

1 に答える 1

1

私は同じ問題に遭遇しました。垂直方向の配置は画面の高さによって決まりますが、画像サイズは考慮されていません。私の問題は、ポートレート モードで撮影した写真がページからはみ出すことだったので、ライトボックス コードを修正してすべての画像を上に移動することにしました。すべての画像が同じサイズであることが事前にわかっている場合は、理論的にはこの値を必要に応じて変更できます (自分で計算する必要があります。ライトボックス内のコードのこのセクションを探してください)。 js を適宜変更します。

o=f.scrollTop()+f.height()/10;n=f.scrollLeft();this.$lightbox.css({top:o+'px',left:n+'px'}

または、ライトボックスの css ファイルで、.lightbox次を探して追加します。

  top: 0px !important;

0px 値を計算した値に変更します。

説明をライトボックスに追加するには、<img>タグのaltプロパティを設定します。

于 2013-09-05T06:46:24.757 に答える