jQuery

【jQuery】youtube、iframe、vimeoなども使えるjQueryライトボックスFlashy

May 30, 2018
Flashy

FlashyはjQueryライトボックスおよびポップアッププラグイン。サポートイメージ、インラインコンテンツ、iframe、vimeoおよびyoutubeビデオが使用可能。

Static HTML

必要なスタイルシートをヘッダーに挿入

<link rel="stylesheet" href="/flashy/flashy.min.css" />

フッターにスクリプトを挿入

<script src="/jquery/jquery.js"></script>
<script src="/flashy/jquery.flashy.min.js"></script>

Usage

独自のカスタムクラスを使用して1つまたは複数のリンクを挿入する

<a class="gallery" href="image-big.jpg"><img src="image-small.jpg" alt="image alt"/></a>

機能を呼び出す

$(document).ready(function(){
  $('.gallery').flashy(); 
});

MIT