問題タブ [fotorama]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1530 参照

fotorama - Fotorama プラグインで画像の背景色を設定するには?

Fotorama jQueryプラグイン

このプラグインでは、透過 PNG 画像を使用します。画像の背景色を設定する必要があります。スタイルを設定しようとしましたが、うまくいきませんでした。

0 投票する
1 に答える
172 参照

jquery - fotorama プラグインのマウスアウトとマウスオーバー

選択transition = crossfadeすると、「マウスオーバーとマウスアウト」(左矢印、右矢印) のイン/アウト アニメーションが失われます。

このリンクhttp://fotorama.io/examples/transition.htmlと Selectをクリックすると、私の意味がわかりますCrossfade

クロスフェードを選択しても有効にする方法はありますか? ありがとう!

0 投票する
1 に答える
287 参照

javascript - Fotorama と Shadowbox が連携して正しく動作しない

fotorama ギャラリーの下にあるすべての写真に対してシャドウボックスを動作させていますが、うまく機能しています。ただし、fotorama ギャラリーのボタンをクリックすると、すぐに画像のシャドウ ボックスが表示されます。うまく連携できず、原因がわかりません。ここにウェブサイトがあります:

http://ultimatefinishdetailing.com/TiburonPictures.html

ウェブサイトのコードは次のとおりです。

HTML ページ ヘッド:

fotorama の HTML:

0 投票する
1 に答える
189 参照

jquery - Fotorama と Shadowbox が正しく連携しない

fotorama ギャラリーの下で自分の写真用にシャドーボックスを動作させていますが、うまく機能しています。ただし、fotorama ギャラリーの任意のボタンをクリックすると、すぐに画像のシャドウ ボックスが表示されます。別のフォトラマ写真に変更したいだけなのに、なぜシャドーボックス画像がポップアップし続けるのかわかりません。問題が何であるかを正確に示すWebサイトは次のとおりです。

http://ultimatefinishdetailing.com/TiburonPictures.html

ウェブサイトのコードは次のとおりです。

HTML ページ ヘッド:

fotorama の HTML:

0 投票する
1 に答える
930 参照

api - ナビゲーションボタンを追加する Fotorama 4.4.9 API

私は新しい Fotorama スクリプト 4.4.9 を使用していますが、API の使用は初めてです。

スライドショーにカスタム ナビゲーション ボタン (停止、一時停止、前後) を追加しようとしていますが、API を使用して実装する方法がわかりません。

公式ページhttp://fotorama.io/customize/api/を見てきましたが、 うまくいきません...

どなたか、新しい Fotorama 4 の API カスタム ナビゲーション ボタンのサンプルを提供していただけませんか?

ありがとうございました

0 投票する
1 に答える
3384 参照

navigation - fotorama の矢印をステージの外に移動

fotorama の矢印を div.fotorama_ステージから div.fotorama _nav-wrap に移動することはできますか?

ナビゲーションドットの両側に矢印を配置しようとしています。

ありがとう!

0 投票する
1 に答える
522 参照

jquery - Fotorama Player の下部にプレーヤー コントロール バー DIv を追加します。

私のプロジェクトの 1 つで、プレゼンテーションを表示するために Galleria から Fotorama.io に切り替えています。基本的には、プレゼンテーション ソフトウェアからエクスポートされたスライドを表示します。

Fotorama はこれまでのところ見栄えがよく、サムネイルはさまざまなスライド間を移動するための優れた方法を提供しますが、最初の画像、前、次、最後の画像に移動するための便利なボタンを備えた追加のナビゲーション/コントロール バーを追加しようとしています。プログレスバーとスライド番号を表示します。

残念ながら、現在のテーマやレイアウトを変更する方法が見つからなかったので、デフォルトのテーマを変更してプレーヤーの下部に追加のバーを追加する方法についてアイデアを提案していただければ幸いです。

必要なのは、プレーヤーの幅を 100% に維持することですが、高さを 100% にする代わりに (このプレーヤーは他のページに埋め込まれます)、コントロールを追加するには、下部 (40px としましょう) に小さな水平 div を配置する必要があります。バー。これは、追加したいコントロール バー DIV を示す例です。

ここに画像の説明を入力

生成されたソース コードを見て、fotorama__nav-wrap div の下に追加する必要があるという印象を受けました。

続行する方法はありますか?