jquery

jqueryを使っていろいろ試してみた
jqueryのプラグインを使ったサンプルと使い方を説明しています

splashImageの使い方

(1)splash.image.zipのダウンロード

http://xuxu.fr/ressources/javascript/splash.image/からsplash.image.zipをダウンロードできます

(2)splash.image.zipを解凍し、自分のフォルダにコピーする

splash.image.zipを解凍してsplash.imageフォルダを自分のjsフォルダの中にコピーする

(3)splash.image.jsの設定

javascript部分を自分のhtmlファイルに貼り付ける

<script type="text/javascript" src="js/splash.image/splash.image.js"></script>

(4)splash.image.cssの設定

スタイルシートを自分のhtmlファイルに貼り付ける

<link rel="stylesheet" type="text/css" href="js/splash.image/splash.image.css" />

(5)htmlの設定

htmlの内容

<a href="img/img01.jpg" title="img01" rel="splash.image|group1">
  <img src="img/img01_s.jpg" />
</a>
<a href="img/img02.jpg" title="img02" rel="splash.image|group1">
  <img src="img/img02_s.jpg" />
</a>
くわしい設定内容はhttp://xuxu.fr/ressources/javascript/splash.image/を見てください
このsplashImageを使ったサンプルを見る