問題タブ [fotorama]

img に data-title 属性があるかどうかに応じて、カスタム Fotorama キャプションの表示を変えようとしています。現在、「未定義」として表示されていますが、その属性が存在しない場合は、その属性を完全に省略してください。if/else ステートメントを使用して、img 要素にその属性があるかどうかを確認しようとしましたが、役に立ちませんでした。ギャラリーを制約し、それに応じて画像のサイズを変更する必要があるため、「div」Fotorama アプローチを使用できません。

これは私のimgタグがどのように見えるかです:

これは、カスタム キャプション形式を作成するために使用しているコードです。

これは、div に data-title 属性がない場合にキャプションを読みたい方法です。

前もって感謝します！

Fotorama のバグの修正は、Github のプラグインの最近の更新に含まれていました。

https://github.com/artpolikarpov/fotorama/commit/1810d59eecc927fbef14cb6f8a1611047a2404fb

最新の Fotorama バージョン ( http://fotorama.io/からダウンロード) を使用していますが、まだバグが発生しています。 fotorama.js ファイルを、リンクから更新された fotorama.js ファイルの非縮小バージョンと縮小バージョンの両方に置き換えてみました。上記の場合、プラグインはまったく機能しません。この更新プログラムを実装するにはどうすればよいですか?

ウェブサイトで私が作成した引き出しが開き、ギャラリーが出てきます。サイズ (0,0) から開始し、JS によって制御されて画面の中央にズームします。

このように、div は必要に応じてズームしますが、内部の fotorama はズームしません。メインの画像とサムネイルのサイズは維持されます。

そのため、フォトラマのサムネイルの代わりに、フォトラマの切り抜きが表示されます。

だから、私の質問は：

本物の方法で引き出しからギャラリーを表示するにはどうすればよいですか?

カナダでは、画像に ALT タグを付けなければならないという新しい法律がありますが、私のページが読み込まれると、fotorama プラグインがそれらをコードから削除するようです。回避策または私にできることはありますか？

このオプションを使用するdata-height="100%"と、Fotoram の高さがウィンドウの高さに設定されます。これは仕様によるものです。ただし、親要素の高さに設定することをお勧めします。

ほぼフルハイトのコンテナーの中に Fotoram を入れていますが、ウィンドウの下部に固定されたナビゲーション用のパディングがあります。ただし、モバイルではヘッダーに固定されています。

どんな助けでも大歓迎です！

プラグインの fotorama をクリックして画像を追加しようとしています。このコードを使用してアクティブな画像を増やしますが、このコードはページ上のすべての要素に対して機能します。

このバグをどのように修正しますか? http://arngoldt.com/?page_id=18 - このページの私のコードの例。

Web ページでサムネイル付きの Fotorama を使用したいと考えています。

コーディングを見ていましたが、かなり複雑なため、必要なものが見つかりませんでした。

サムネイルを別の div コンテナーに、写真を別の div コンテナーに入れたいと思います。このようにして、必要な場所に個別に配置できます。

そうする可能性はありますか？

ライブをチェック - http://www.arif-khan.net/other/my/slider/new/v3/

スライドショーをクリックすると一時停止します。その機能をオフにしたいです。試してみましdata-click="false"たが、運がありませんでした。

Fotorama ( http://fotorama.io/ ) で作成されたスライダーは、そのサイトのすべてのドキュメント (カスタマイズ) を既に確認していますが、私の問題を解決する情報は得られません。スライダーのクリックで一時停止を無効にしたいと思います。