問題タブ [lightgallery]

質問する

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.

149 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
2 に答える
4313 参照

javascript - lightgallery は、動的に生成された要素では機能しません

ローカル サイトに liggallery プラグインを実装しました...これは dom 要素では機能しません...

例えば

1.) js で作成した dom 要素を html コードに追加します。

js"<span id='imgcon'><a href="image"><img src="image"></a></span>"でこのようなものを作成し、このすべてのコードが varialbe にある場合、galleryview ( var galleryview) を呼び出すことができます。この変数は、html ファイルにある div に追加し、<html><head></head><bdy><div class="container"></div></bdy></html>js ファイル コードからこのように追加$(".container").append(galleryview);し、最終的にこれを使用し$(".imgcon").lightGallery();ません。仕事...

これはdomで動作しないjsfiddleデモです

2.) 画像は html コードです

私はこのようなhtmlコードを持って<html><head></head><bdy><div class="container"><span class="imgcont"><a href="image"><img src="image"></a></span></bdy></html> います。これはうまくいきます。$(".imgcon").lightGallery();

これは、dom なしの jsfiddle の動作デモです。

質問: なぜ、dom を lightgallery で使用できないのですか?

最初のデモはjs domを使用しているため動作しません.2番目のデモはhtmlファイルでhtmlコードを使用しているため動作しています..またはコードに問題があります..

0 投票する
0 に答える
297 参照

javascript - lightSlider ドキュメントの例を再現できません

lightSlider のドキュメントの「Integrate with lightGallery」という見出しの下にある例で示されている機能を再現するのに苦労しています (残念ながらパーマリンクはありません): http://sachinchoolur.github.io/lightslider/examples.html

この例で示されている機能は、まさに私のプロジェクトで必要なものです。部分的にしか機能しないコードの私のバージョンは次のとおりです。これらは問題です。

  • 右矢印がありません
  • ゾーンは右方向に制限されていないようで、可視画像を超えて広がっています

  • 画像をクリックして lightGallery を表示した後、右上の X ボタンで閉じることができません。

0 投票する
7 に答える
8691 参照

jquery - Lightgallery Jquery で閉じる、前、次のアイコンが正しく表示されない

プロジェクトで lightgallery を正常に構成しました。ただし、サムネイルをクリックすると大きな画像が表示され、前、次、閉じるのアイコンが正しく表示されません。実際、奇妙なキャラクターが表示されています。これは次のページで表示できます: http://agentpet.com/lightgallery/lg.html . 何が問題なのか教えてください。

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

javascript - Lightgallery: ブラウザ ウィンドウに画像を合わせる

画像ギャラリーには Lightgallery プラグインを使用しています。それは完璧に機能しますが、完璧ではないものがあります。画像をブラウザウィンドウに合わせたい。

画像の解像度がブラウザ ウィンドウの解像度よりも高い場合に機能します。でも小さいと入らない。

ここにプラグインがあります: http://sachinchoolur.github.io/lightGallery/

問題を解決するためのアイデアやスクリプトを持っている人はいますか?

ありがとう、ジャニス

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

lightgallery - Lightagallery jsを機能させることができません:Uncaught TypeError:未定義のプロパティ「モジュール」を読み取れません

私はすでに同じ問題を抱えているユーザーを見てきました：

ライトギャラリーが機能しない

しかし、私はまだそれを機能させることができません。これが私のコードです:

何が欠けているのかわかりません。

助けてくれてありがとう

0 投票する
0 に答える
1853 参照

javascript - jQuery lightGallery dynamic - ギャラリーを開いて画像を修正する

jQuery lightGallery プラグインの使用: http://sachinchoolur.github.io/lightGallery/

だから私は次のコードを持っています：

JSON (配列):

JS:

マークアップ:

したがって、基本的に私が求めているの[data-hook="gallery"]は、ダイナミック ライト ギャラリーで選択された画像が読み込まれ、この画像がインデックスとして表示されることです。私の JS スキルは本当に限られているので、解決策を教えてください。

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

javascript - オブジェクト javascript 内の for ループ

私は lightGallery を使用しており、ギャラリーの動的作成を使用しています。これは、画像を 1 つだけ生成するコードです。

この id 変数は常に同じですが、たとえば variable から取得した数値をループしたいと考えていますx。したがって、x=4生成されたコードが次のようになるとします。

したがって、問題はオブジェクト内に for ループを含める方法だと思います。それが可能であれば、事前に感謝します!


12345678910