私たちはGalleriaライブラリ(http://galleria.io/)を使用して、ユーザーが選択した一連の画像からスライドショーを動的に生成しています。ユーザーは、高さ、幅、遷移速度、サムネイルカルーセルの表示/非表示などのいくつかのオプションを選択することもでき、これらの設定はギャラリアオプションに適用されます。Galleria - thumbnail carousel div
ユーザーがカルーセルを非表示にすると、カルーセルのサムネイルが消える関連するオプションが設定されます。しかし、コンテナdiv(cssクラスgalleria-thumbnails-container)はまだ空白を占めています。私はこのクラスのいくつかのCSS属性と、ギャラリアコンテナを変更してみました。
物事は私が試してみました:
- 0にクラス「ガレリア・サムネイル・コンテナ」、変更の高さを持つdiv要素を選択した後に変化は認められませんでした。
- "galleria-thumbnails-container"クラスでdivを選択した後、displayをnoneに変更します。変化は観察されなかった。
- "galleria-container notouch"というクラスでdivを選択した後、高さを70ピクセルほど減らします。これにより、スライドショーのメイン画像の高さが減少しました。
私はGalleriaのドキュメントを読んでいますが、これを処理するオプションはありません。だから、それはCSSのハックです。何か案は?
ありがとうございました。
ユースケースナビゲーションコントロールを持たないローリングイメージセットを生成します。 – Mandar