「Javascript/fancybox」の版間の差分
提供: 初心者エンジニアの簡易メモ
(ページの作成:「==fancybox3とは== lightbox系プラグイン 公式 http://fancyapps.com/fancybox/3/ ===htmlをポップアップさせるサンプル=== <nowiki><link rel="stylesh...」) |
|||
| 行1: | 行1: | ||
==fancybox3とは== | ==fancybox3とは== | ||
| − | + | モバイル対応lightbox系プラグイン | |
公式 http://fancyapps.com/fancybox/3/ | 公式 http://fancyapps.com/fancybox/3/ | ||
2018年5月30日 (水) 10:20時点における最新版
fancybox3とは
モバイル対応lightbox系プラグイン
公式 http://fancyapps.com/fancybox/3/
htmlをポップアップさせるサンプル
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.css"> <a data-fancybox data-src="#hello" href="javascript:;"> Open demo </a> <div style="display: none;" id="hello" > <h2> Hello! </h2> <p> You are awesome! </p> </div> <script src="//code.jquery.com/jquery-3.3.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.js"></script>
