問題タブ [fotorama]

これは Stackoverflow に関する私の最初の質問です。意味があることを願っています :)

各スライドに HTML コンテンツ (テキスト、画像、外部リンク、ソーシャル ネットワーク ボタンなど) と全画面表示オプションを含むスワイプ可能な画像ギャラリーを作成する必要があります。Fotorama は私が見つけた最高のソリューションです。私はそれの大ファンです :)

ただし、最初の画像の高さにトリミングされるため、html コンテンツをギャラリーに収めるのが難しいと感じています。

背景画像ではなく、画像がhtmlにある必要があります。また、通常モードと全画面モードの両方ですべてのコンテンツを表示する必要があります。テキストの長さと画像のサイズは異なる場合があるため、ギャラリーの高さを固定することはできません。

それは理にかなっていますか？似たような質問がなかったので、ご存知の方がいらっしゃいましたら教えてください！ありがとう ：）

これは私がこれまでに行ったことの簡略化されたコードです。コメントは大歓迎です!

更新: API を使用して、可能性のあるソリューションに取り組んでいます。うまくいくようですが、改善のための提案は大歓迎です:)

解像度に応じてデータ属性を変更する方法を探しています。たとえば、解像度が小さい場合はデータの最小高さを小さくします。

これはどのように達成できますか？御時間ありがとうございます！

投稿にプレビューギャラリーがあり、購読者は完全な投稿ギャラリーにアクセスできる「雑誌 Web サイト」を運営しています。すべてのギャラリーは、Fotoram を使用して表示されます。

プレビュー ギャラリーの場合、ギャラリーの画像に CLICK to URL を追加できるようにしたいと考えています (つまり、クリックして購読ページに移動します)。しかし、これらのリンクをプレビュー ギャラリーでのみアクティブにし、完全な投稿ギャラリーではアクティブにしないようにしたいと考えています。

wp-gallery のタグにコードを追加して、これらの特定のギャラリー画像にクリック リンクがあることを fotorama が認識できるようにする方法はありますか?

ありがとう！

スライドごとに異なる fotorama の長さを設定できるかどうか疑問に思っています。

このようなもの

私は Fotorama を使用しようとしていますが、矢印が本当に白いコンテナに溶け込んでいることに気付きました。fotorama.png と fotorama@2x.png の色を変更する方法はありますか?

また、（大きな）画像を中央に配置するにはどうすればよいですか？

ありがとう

サイトに Fotorama ギャラリーを追加しましたが、モバイル デバイスで応答しません。data-width=100% で、画像の幅または中央の div をまったく使用していないためだと思います。

そしてCSS：

ウェブページ: http://lfk-br.com.ua/gallery.html

Fotorama プラグインを使用して、Web サイトにスライダーを作成しています。正常に機能しますが、表示されるサムネイルのサイズを変更したいのですが、方法がわかりません。ウェブサイトはhttp://jeannebard.ch/?p=123です。

プロジェクトで Fotorama を使用したいと考えています。しかし、私のプロジェクトはAngularJSを使用して部分ビューをロードします

ただし、html は AJAX 経由で読み込まれるため、それでは fotorama を初期化できません。

この状況で Fotorama を読み込むにはどうすればよいですか?

問題は、動的に作成された要素でイベントを処理するのと似ていると思います。例えば、

そして、あなたは書きます、

div が動的に作成された場合、アラートは発生しません。しかし、以下はうまくいくでしょう：

フォトラマも同じだと思います。では、Fotorama の場合、同様のことをどのようにすればよいでしょうか?

どうもありがとうございました。