Highslideで画像表示
ココログを始めた時から密かに"サムネイルをクリックして表示される画像ウィンドウが邪魔だなー"と思っていました(^_^;
どっかで見た…と言うかすかな記憶から、記事見直しのついでにちょっと調べてみたところ、格好良く画像を拡大表示するスクリプトがいろいろあることを発見。その中で「小粋空間」さんのところのこちらの記事「Highslide JS でサムネイル画像を拡大表示する」で紹介されていた Highslide を導入してみました。
基本的に記事に書かれていた通りの内容を書いていくんですが、ココログ・ベーシックだとHTML関連の修正ができないので、マイリストにメモ・リストを作成してその中に記述してみました。
<script type="text/javascript" src="http://ブログのURL/転送したパス/highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'http://ブログのURL/転送したパス/highslide/graphics/';
</script>
スクリプトのバージョンが上がっているためでしょうか、
<div id="highslide-container"></div>
は、書かなくても問題ないようです。あとはサンプルを参考にしてCSSをカスタマイズすればOKです。
とっても良い感じです♪
| 固定リンク
この記事へのコメントは終了しました。
コメント
良いですねえこれ
ふむふむ、なるほど使える機会があったらまねしてみようかなあｗ
投稿 ネギ | 2007年5月27日 (日) 22時05分
★ネギさんへ
格好良いでしょコレ。是非♪
[PREV][NEXT]ボタンを付けたりもできますよ。
HP用にスライドショー作成スクリプトでも書きましょうか？
投稿 おさる | 2007年5月27日 (日) 22時51分
お暇なときにでもぜひお願いしますm(__)m
いい加減にホムペも何とかしないとダメなのでｗ
投稿 ネギ | 2007年5月28日 (月) 21時50分
★ネギさんへ
了解です(^_^)
気長にお待ちくださいｗ
ちなみに、拡大表示したとき初期表示ではブラウザのサイズに合わせてくれるので今のブログにも便利ですよ。
投稿 おさる | 2007年5月28日 (月) 23時05分