0

現在、人気のjqueryギャラリースクリプトであるGalleriaのテーマを作成しています。

テーマの作成に関するドキュメントへのリンクは次のとおりです。

私のテーマはデフォルトのテーマ「クラシック」に基づいており、これが私がする必要があることです。

Galleriaスクリプトは、「galleria」と呼ばれるdiv内の画像を取得し、それらからスライドショーを作成します。基本的な要件は、CSSでこのdivの高さを設定することです。

これを関連するCSSファイルで設定するのではなく、ブラウザウィンドウの高さを取得するHTMLドキュメント内のJavascriptを使用して、「galleria」divの高さを設定しました。私がこれを行った理由（単に高さを100％に設定するのではなく）はここで完全に見ることができますが、本質的には、このdivの下にコンテンツが必要であるが、上にスクロールしたときにページにフルスクリーンギャラリーを表示したいためです。

上記は素晴らしいですが、ここで、この計算された高さに依存する値として、Galleriaスクリプトによって作成されたさまざまな要素の位置を設定する必要があります。

私のtheme.jsで、上記で計算した「galleria」divの高さを取得するにはどうすればよいですか？次に、これに応じてGalleria DOM構造内の別の要素の位置を設定するにはどうすればよいですか？

4

1 に答える 1

1

jQueryのようなライブラリを使用すると、これは非常に簡単になります。

ガレリア要素の高さを取得するには：

val galleria_height = $("#galleria");

ガレリア要素内に要素を配置するには（絶対配置を想定）：

val galleria_offset = $("#galleria").offset()
val relativeTop = 10;
val relativeLeft = 10;

// Position the element at (10, 10) relative to galleria
$("#some_element").offset({
    top: galleria_offset.top + relativeTop,
    left: galleria_offset.left + relativeLeft
});
于 2012-07-29T23:46:33.070 に答える