なんと行ってもとっても簡単。
まずは「Lity.js」を張る
でダウンロード。head 内に追加。<link rel="stylesheet" href="lity.min.css">
<script src="jquery.js"></script>
<script src="lity.min.js"></script><link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/lity/1.6.6/lity.css' />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/lity/1.6.6/lity.js'></script>HTML
a タグ に data-lity=”data-lity” を付けるだけ。<a href="https://****.com/****.png" data-lity="data-lity">画像がポップアップ</a> <a href="//www.youtube.com/watch?v=TPJGwxOT6bE" data-lity="data-lity">iframe(Youtube)がポップアップ</a>