Lightboxの実装方法は多数ありますが、今回は「jquery.colorbox.js」というライブラリを使って、簡単にLightbox風の表示を実現する方法をご紹介します。このライブラリは、別URLページの表示だけでなく、画像や動画の表示にも対応しており、非常に便利です。 必要なファイルの読み込み まず、以下の3つのファイルを読み込む必要があります。 colorbox.css jquery.min.js jquery.colorbox.js これらのファイルを正しく読み込むことで、Lightbox風の表示が可能となります。 <link rel="stylesheet" href="colorbox.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>