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>