問題タブ [lightgallery]

lightGallery を動的に設定し、'index' を使用して、リンクがクリックされたときに開く画像をターゲットにすると、最初のクリックでない限り、間違った画像が表示されます。

つまり、最初にサムネイル画像をクリックすると、ポップアップするギャラリーで正しい大きな画像が選択されていることがわかります。ただし、その画像を閉じて別のサムネイル画像をクリックすると、間違った画像が拡大されて表示されます (最初にクリックした画像が取得されます)。これは、最初のクリック後に「インデックス」機能が動かなくなることに関係していると思いますか?

問題を示すjsfiddleを作成しました（ネストされたすべてのDIVなどについてお詫びしますが、それらが原因ではないと確信しています）：http://jsfiddle.net/fcdeLd03/18/

誰にもアイデアはありますか？

これは、lightGallery を開始するための私の Javascript コードです。

このプラグインを使用しようとしています: https://github.com/sachinchoolur/lightGallery

私が理解できないのは、画像/ビデオのサムネイルを生成しますか?

そして、ドキュメントを使用してYouTubeからサムネイルを取得できません...

CSS:

JS:

HTML:

それはそのような画像を行います...それでも、サムネイルを行うかどうか、または別のURLでそれらが必要かどうかはわかりません...

そして、それはYouTubeのサムネイルを作成しません...ヘルプ！

lightGallery jQuery プラグインの場合、次の構造を持つ JSON ファイルを使用して、DynamicEl という変数を埋めたいと考えています。

jQuery 関数 $.getJSON の非同期呼び出しの問題を回避するために、次のコードを使用しました。

JS コンソールでは、これらのオブジェクトの値を確認できますが、それらを使用して myImages というグローバル変数を埋めることはできません。この変数を試すと、コンソールに [object Object] が表示されます。

このオブジェクトを return(String(dataArray); および return(JSON.stringify(dataArray); ) で変換しようとしましたが、成功しませんでした。

最後になりましたが、同じ間違った結果で次のことを試しました

最終結果として、この形式の src および htmlSub 値を含む配列が必要です

どうすればこの目標を達成できますか? ロードされたJSONファイルから「文字列」値をグローバル配列に取得する方法がわかりません。前もって感謝します。

私は LightGallery を使用して画像ギャラリーを作成していますが、これまでのところすべて正常に機能していますが、サムネイルのグリッド全体をページの中央に揃えたいと考えています。今は左側にくっついています。使用したコードは次のとおりです。

編集: CSS は次のとおりです。

margin-left: auto および margin-right: auto を使用する必要があるという投稿を読みました(ulで使用しましたが、機能していないようです)。助けてくれてありがとう!

LightGallery プラグイン ( lightGallery - Git )に少し問題があります。jQueryMobile を使用しています。

私のギャラリーは特定のページにあります。このページに到達すると、リモート サーバーに写真を取得するように要求します。

次に、LightGallery を初期化します。初めてでも問題ありません。

しかし、Gallery Page を離れて(サーバーへの新しい要求がある) 後に戻ると、lightGallery が実行されていません。

ブラウザにエラーはありません。写真は表示されていますが、最初に行ったようにクリックして LightGallery を実行することはできません。

私のコード:

HTML:

JavaScript :