JQuery ｜ Director's Cut – art project team Blog -

画像のポップアップ(Lightbox)

2010年04月02日

サムネイル画像をクリックしたとき、別ウィンドウやポップアップで表示せずにその場でかっこよく出す方法です。

上記のような感じで画像を表示する方法を「ライトボックス」といいます。

2010年03月11日

このブログやart project teamのサイトでも使用してますが、ページのトップへ移動する方法をアニメーションを使って行う方法。
※この方法はJQueryを使用しますので、まずJQueryをダウンロードをしてください。

JQueryをダウンロードしたら、<head>～</head>の間に、

1 2	<script src="(JavaScriptのおいてあるパス)/jquery-1.4.1.min.js" type="text/javascript"></script> <script src="(JavaScriptのおいてあるパス)/scrollup.js" type="text/javascript"></script>

と記入します。
※必ず、JQueryのファイルを先に書いてください。