facebook twitter hatena line email

「Javascript/fancybox」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(ページの作成:「==fancybox3とは== lightbox系プラグイン 公式 http://fancyapps.com/fancybox/3/ ===htmlをポップアップさせるサンプル=== <nowiki><link rel="stylesh...」)
(相違点なし)

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>