0

ライト ギャラリー JS のインライン ギャラリーを使用しており、ギャラリーの画像にクリック イベント リスナーを追加しようとしています。そのために、私はこのイベントを使用しています- lgAfterOpen.

このイベントを使用して画像が遅延読み込みであるため、すべての画像タグを取得することはできませんlgAfterOpen。それまでは、DOM に読み込まれた最初の画像のみを取得します。遅延読み込みを維持し、ギャラリーのすべての画像にイベントリスナーを配置するにはどうすればよいですか?

私が試していたコードサンプル:

lgContainer.addEventListener('lgAfterOpen', function(e){
  let images = document.getElementsByClassName('lg-object lg-image'); // expecting to return all images
  for (image of images) image.addEventListener('click', function() { /* code here */ }) // geting only first image here. 
})
4

1 に答える 1