fotorama - 画像を上に揃えてキャプションを上に表示する方法は?

Question

すべての画像を中央ではなく上に揃えるにはどうすればよいですか? また、キャプションの位置を調整するにはどうすればよいですか? たとえば、左上隅に揃えます。

Answer 1

画像は CSS によって中央に配置され、!important フラグが割り当てられます。

次のいずれかを実行できます。

• 開発版をダウンロードしてcssを変更し、
• fotorama.css を読み込んだ後に新しい css を適用し、重要なフラグも使用します
• style.setProperty メソッドを使用して、css ルールを javascript で上書きします (注: fotorama API を使用してすべての画像でこのメソッドを使用する必要があります)。 $(".fotorama").on("fotorama:show",function(){......})

キャプションは、クラスを使用して css を使用するだけで簡単に変更できますfotorama__caption。たとえば、次のようになります。

.fotorama__caption{
  top:1%;
  left: 2%;
  font-size: 200%;
}