問題タブ [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.
fotorama - Fotorama プラグインで画像の背景色を設定するには?
Fotorama jQueryプラグイン
このプラグインでは、透過 PNG 画像を使用します。画像の背景色を設定する必要があります。スタイルを設定しようとしましたが、うまくいきませんでした。
jquery - fotorama プラグインのマウスアウトとマウスオーバー
選択transition = crossfade
すると、「マウスオーバーとマウスアウト」(左矢印、右矢印) のイン/アウト アニメーションが失われます。
このリンクhttp://fotorama.io/examples/transition.htmlと Selectをクリックすると、私の意味がわかりますCrossfade
。
クロスフェードを選択しても有効にする方法はありますか? ありがとう!
javascript - Fotorama と Shadowbox が連携して正しく動作しない
fotorama ギャラリーの下にあるすべての写真に対してシャドウボックスを動作させていますが、うまく機能しています。ただし、fotorama ギャラリーのボタンをクリックすると、すぐに画像のシャドウ ボックスが表示されます。うまく連携できず、原因がわかりません。ここにウェブサイトがあります:
http://ultimatefinishdetailing.com/TiburonPictures.html
ウェブサイトのコードは次のとおりです。
HTML ページ ヘッド:
fotorama の HTML:
jquery - Fotorama と Shadowbox が正しく連携しない
fotorama ギャラリーの下で自分の写真用にシャドーボックスを動作させていますが、うまく機能しています。ただし、fotorama ギャラリーの任意のボタンをクリックすると、すぐに画像のシャドウ ボックスが表示されます。別のフォトラマ写真に変更したいだけなのに、なぜシャドーボックス画像がポップアップし続けるのかわかりません。問題が何であるかを正確に示すWebサイトは次のとおりです。
http://ultimatefinishdetailing.com/TiburonPictures.html
ウェブサイトのコードは次のとおりです。
HTML ページ ヘッド:
fotorama の HTML:
api - ナビゲーションボタンを追加する Fotorama 4.4.9 API
私は新しい Fotorama スクリプト 4.4.9 を使用していますが、API の使用は初めてです。
スライドショーにカスタム ナビゲーション ボタン (停止、一時停止、前後) を追加しようとしていますが、API を使用して実装する方法がわかりません。
公式ページhttp://fotorama.io/customize/api/を見てきましたが、 うまくいきません...
どなたか、新しい Fotorama 4 の API カスタム ナビゲーション ボタンのサンプルを提供していただけませんか?
ありがとうございました
navigation - fotorama の矢印をステージの外に移動
fotorama の矢印を div.fotorama_ステージから div.fotorama _nav-wrap に移動することはできますか?
ナビゲーションドットの両側に矢印を配置しようとしています。
ありがとう!
jquery - Fotorama Player の下部にプレーヤー コントロール バー DIv を追加します。
私のプロジェクトの 1 つで、プレゼンテーションを表示するために Galleria から Fotorama.io に切り替えています。基本的には、プレゼンテーション ソフトウェアからエクスポートされたスライドを表示します。
Fotorama はこれまでのところ見栄えがよく、サムネイルはさまざまなスライド間を移動するための優れた方法を提供しますが、最初の画像、前、次、最後の画像に移動するための便利なボタンを備えた追加のナビゲーション/コントロール バーを追加しようとしています。プログレスバーとスライド番号を表示します。
残念ながら、現在のテーマやレイアウトを変更する方法が見つからなかったので、デフォルトのテーマを変更してプレーヤーの下部に追加のバーを追加する方法についてアイデアを提案していただければ幸いです。
必要なのは、プレーヤーの幅を 100% に維持することですが、高さを 100% にする代わりに (このプレーヤーは他のページに埋め込まれます)、コントロールを追加するには、下部 (40px としましょう) に小さな水平 div を配置する必要があります。バー。これは、追加したいコントロール バー DIV を示す例です。
生成されたソース コードを見て、fotorama__nav-wrap div の下に追加する必要があるという印象を受けました。
続行する方法はありますか?