問題タブ [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 投票する
2 に答える
2280 参照

jquery - Fotorama スライドショーに新しい画像を追加する

私が取り組んでいる Web アプリに使用する、サムネイル プレビュー付きの優れた jQuery 画像スライダーを探しています。私は Fotorama.js に出会い、必要な機能のほとんどを備えているようですが、スライダーが初期化された後、AJAX を介して画像を追加することについてのドキュメントには何も表示されません。Fotorama を使った経験のある人はいますか? これはサポートされていますか? そうでない場合は、サムネイルがあり、AJAX で動作する別の軽量 jQuery スライダーをお勧めできますか?

0 投票する
3 に答える
2059 参照

javascript - 各データIDを設定し、hrefに割り当てる

.fotorama最初に各IDを取得してから、それぞれを各.navリンクhrefとして割り当てようとしているため、次のコードを実行しています。

これにより#undefined、各.navリンクにアクセスできます

.fotorama各IDに同じ href を設定するにはどうすればよいですか?

html、単なる例です。id とメニュー項目はサイト上で動的に生成されます*

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

jquery - fotorama スクリプトに onClick コールバック関数を追加する

画像ギャラリーに fotorama スクリプトを使用していますが、提供されている設定例から、画像をリンクしてクリックしたときに特定の URL を開く方法がわかりません。

Fotorama セットアップ ページは、このフィドルで遊ぶことを提案しています

HTML:

JS:

関数 onClick: null を見つけましたが、null の代わりに使用する構文がわかりません...

誰かが私を助けてくれますか?

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

jquery - 最後の画像でjqueryスライドショーを停止

スライドショーに Fotorama を使用していますが、最後の画像でスライドを停止するオプションがプリセットにありません...

次のスクリプトにはナビゲーションボタンが含まれており、役立つかもしれないので投稿しています...調べていましたが、jqueryのコーディングに慣れていません...しかし、理解しようとしています

var size - 5 がスクリプトにスライドの数を伝える方法に気付きました...そして var intervalInput = $('#fotorama-interval'); があります。最後の画像に達したことをスライドショーに伝えるために必要かもしれないと思いますか?

できれば助けてください

0 投票する
3 に答える
3158 参照

jquery - fotorama で複数の画像を使用して jQuery 関数 onclick を実行する

画像ギャラリーに fotorama スクリプトを使用しています。回転する画像をクリックできるようにスクリプトを修正するための正しい構文を理解するのに少し時間がかかりました。(以下のコードの JS を参照してください) 私が探しているのは、回転する各画像をクリックして別の URL に移動させることです。たとえば、以下のコードでは、画像 "/03.jpg" は "google.com" にリンクし、リンク "/04.jpg" は "yahoo.com" にリンクし、画像 "/05.jpg" はリンクすることができます。 「bing.com」へ。

誰か助けてくれませんか?前もって感謝します。

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

jquery - Fotorama でサムネイルをスクロールする手順

Fotorama プラグインで固定ステップでサムネイルをスクロールする方法はありますか? ナビゲーション パネルの側面にあるサムネイルの半分である「ノーカット」を削除する必要があります。ここに画像の説明を入力

margin/padding プロパティを使用してそれらを合わせることができますが、どこでも停止できる場合、ドラッグアンドドロップでスクロールのプロセスを制御することはできません。

ありがとう

0 投票する
2 に答える
992 参照

jquery - フォトラマ 4 API?

Fotoramajs 4を使い始めました。このプラグインの以前のバージョンでいくつかの経験がありましたが、4 番目のバージョンの API は異なると思います。データ属性を使用した非常に便利な例がいくつかありますが、十分ではありません。たとえば、サムネイルの境界線の幅と色を変更する必要がありますが、サムネイルの高さは「data-thumb-height」でのみ設定できます。私は、元のコードをチェックして自分で理解する高度な開発者ではありません。これまでのところ、必要なものは CSS で解決しましたが、それは正しい方法ではないと思います。ソースコードだけでAPIを見つけるにはどうすればよいですか?

0 投票する
3 に答える
2304 参照

image - Fotorama スライダー - 画像を遅延読み込みし、表示されていないときに画像をアンロードする方法は?

サイトでfotorama.ioを使用しており、スライダーに大きな画像ギャラリー (60-80) があるため、マニュアルの提案に従い、Lazy Load を使用してすべての画像を一度に読み込まないようにしました。

しかし、画像をブラウズしてすでに 40 個以上の画像に達していると、ブラウザのメモリが過負荷になり、ブラウザの応答が遅くなり始めます。Firefox 用のメモリ再起動プラグインを使用すると、メモリが非常に高く構築されていることがわかります。

遅延読み込みを使用して、たとえば 10 個の画像を保持し、メモリがクリアされるように、目に見えないすべての画像または 10 個以上の画像をアンロードしてアンロードする方法はありますか?