Highslideで画像表示

"おさるの旅ログ1"（ココログ）で導入した Highslide をSeesaaにも設置しました。
「小粋空間」さんのところのこちらの記事「Highslide JS でサムネイル画像を拡大表示する」を参考にして導入。

ココログと違ってSeesaaではHTMLを直接修正できるので記事の通りに設置可能です。</head>の前に以下を挿入。

<script type="text/javascript" src="http://転送したパス/highslide/highslide.js"></script>
<script type="text/javascript">   
  hs.graphicsDir = 'http://転送したパス/highslide/graphics/';
</script>

hs.graphicsDirを上書きしないと動きません。その他の変数も上書きすることが可能で、highslide.jsの上の方を参照するとなんとなく分かります(^_^;
例えば、credits〜を上書きすれば自分のサイト名を表示することもできます。

<div id="highslide-container"></div>

は、書かなくても問題ないようです。あとはサンプルを参考にしてCSSをカスタマイズすればOKです。

→こんな感じになります。

Comments

こんばんは。
Highslideですが、なんとかココログに設置できました。
プログラムに不慣れなものですから、丸一日かかってしまいました。
現在は正常に機能しております。
情報をいただきありがとうございました。

Posted by NIMITZ at 2007年06月04日 21:27

★NIMITZさんへ
早速利用されたんですね。今拝見してきました(^_^)
先にココログに設置してたんで、そちらを参照されると早かったかもしれませんね。
今のところclassやonclick属性を手作業で入力してますが、これを自動で挿入するJavaScriptもあるみたいですよ。

Posted by おさる at 2007年06月05日 01:27