2010年04月14日 更新

　greybox利用した、画像拡大ポップアップ習作サンプル - use JQuery - by 創ったmetaboy
　・greybox　いいですねぇ。エレガント！
　[ 閉じる ]

　　□画像への利用
　　　<a href> の rel属性 を利用して実現する方法だ。

　　　◇シンプル利用　「単一画像表示」
　　　　　　宇宙の日の出01

　　　◇グループ利用　「複数画像表示」
　　　　　　宇宙の日の出02 | 宇宙の日の出03


　　□HTMLファイルへの利用

　　　◇シンプル利用　「単一URL表示」
　　　　　　単純に表示 | センターに表示 フルスクリーン

　　　◇グループ利用　「複数URL表示」
　　　　　　Google | Yahoo | bing

　　　これ、かなりいいですねぇ。色々応用出来そうで。

　　　■head内に実装
<script type="text/javascript">
    var GB_ROOT_DIR = "/js/greybox/";
</script>
<script type="text/javascript" src="/js/greybox/AJS.js"></script>
<script type="text/javascript" src="/js/greybox/AJS_fx.js"></script>
<script type="text/javascript" src="/js/greybox/gb_scripts.js"></script>
<link href="/js/greybox/gb_styles.css" rel="stylesheet" type="text/css" />
　　　■利用
　　　　・jQuery.js
　　　■謝辞
　　　　・Orangoo Labs - GreyBox
presented by 創るmetaboy 　　　＞＞　習作顛末