jQuery不要で簡単に設定できるlightgallery.jsを使って複数画像をモーダル表示する方法｜DAD UNION – エンジニア同盟画像をスライド表示させるモーダルギャラリーは、ウェブサイトにインパクトを与えます。しかし、初心者にとっては設定が難しいと感じるかもしれません。 今回は、初心者でも簡単に扱える「lightgallery.js」を使用し、複数の画像をモーダルで表示する方法をわかりやすく解説します。しかも、jQuery不要で、軽量かつ効率的なスライドギャラリーを実現できるのが魅力です。 lightgallery.jsを使ってモーダル表示を設定するためのCSS まず、モーダルで画像を表示するためには、lightgallery.jsが提供するCSS（lightgallery.min.css）を読み込みます。 以下のコードを使えば、ウェブページに合ったスタイルを設定しつつ、サムネイル表示エリア（#default）を作成できます。 <style type="text/css"> body{ font-family:Ve
