Lightbox風のスクリプト NyroModal :: jQuery Plugin
nyroModalはjQueryのプラグインです。
個人的に気に入っているので、お勧めWebサイトでも使っていますし、以前紹介したlightviewみたいにhtmlや他のメディアを表示したりもしてくれます。
本家サイトnyroModal :: jQuery Pluginは英語ですし、「使い方が分からない」って方の為に解説したいと思います。
NyroModalの使い方
- nyroModal :: jQuery Pluginの下部にある
からダウンロード
- 解凍したファイルにある「js」「styles」「img」フォルダをアプロード。
- headタグ内に下記ソースを記述
<link rel="stylesheet" href="styles/nyroModal.css" type="text/css" />
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.2");</script>
<script type="text/javascript" src="js/jquery.nyroModal-1.2.8.min.js"></script>
<script type="text/javascript" src="js/jquery.nyroModal-1.2.8.js"></script>
次にNyroModalを使用したい箇所の「a」タグ内に「class="nyroModal"」とつける。
画像をグループ化にしたい場合は「rel="gal"」もつけます。
基本的に「a」タグ内に「class="nyroModal"」とつけておけば、リンク先のページが画像であれ、htmlであれnyroModalで開いてくれます。
