●Highslide JS によるサムネイル画像の拡大表示
サムネイル画像を拡大表示する手法として、
『Lightbox JS』を使用していらっしゃる方が割りといらっしゃいます。
以前から、いい感じだなぁ。
うちでも取り入れたいなぁ、と思っていました。
今回、もっといいなぁと思われる手法が、
『小粋空間』様で紹介されていたので、
導入してみました。
『Highslide JS(JavaScript)』を用いた手法です。
まず下の画像をクリックしてみて下さい。
拡大表示画像の上でクリックすると元に戻ります。
・拡大画像をドラッグして移動させる事が出来ます。
・拡大画像の下にキャプションを表示させる事が出来ます。
(なんか、Firefox だけちょっと挙動が変?)
その他にも様々な拡大表示パターンがあります。
いろいろ遊んでみてください。
画像だけではなく、HTML で書いた文字列を拡大できるのはイイ!
いろいろ使えそうですね。
キャプションやコントローラーの有無や様々なデザインで、
script 要素やスタイルシート設定が変わってきますので、
詳しくは『小粋空間』様や『Highslide JS』様で確認してください。



コメント
ゑこびすさん、これいいですね!!
小粋さんところはときどき覗いてチェックはしてるのですが、あまりにも更新頻度が多いのでいいカスタマイズを見逃しちゃうこと多いんですよね。
うちでも取り入れたいですね。
以前から画像表示の仕方は気になってたんですよね〜。
かといってLightboxは重そうって思ってたんで。(^^)
あっ、そうそううちだけかもしれないですがLinks、ブログピープルの表示がおかしいんですよね。
そこだけ文字化けして見えますよ。
Posted by: ゆう | 2007年2月23日 14:55
こんにちは。
ブログピープルとトラックバックピープルは、
何故か時々文字化けするんですよね。
そのうち直ってるけど。
うちでは、今はどちらも正常です。
Posted by: ゑこびす | 2007年2月23日 16:56
あぁ、やはり文字化けしてますね〜。
一応、報告しておきますね。
MacだとFirefoxでは正常に表示されるのですが、Safariだとリンクの部分だけ文字化けしたままなんです。
で、気になって久しぶりにBlog Peopleの設定画面を見てみたんですけどもしかしたら文字コードの設定がおかしいんじゃないですかね?
まぁ、ここからは推測なのでゑこびすさんがお暇と時間があれば見てください。
(勝手に気になってるだけなので(笑))
おそらく、テンプレートで指定している文字コードとBlog Pepoleで指定している文字コードが違うために文字化けが起こってるのでは?
と推測するんです。
で、ゑこびすさんのブログ自体は文字コードを「utf-8」で指定しているのでBlog Peopleでも同じように設定していれば良いのですが、恐らく違うのかなと思うんですよね。
Blog Peopleの設定画面の
「表示形式の設定」→「詳細設定」の10番目に「リンクリストの出力形式と文字コード」というのがあるのですがここの「文字コード」の部分が「自動認識」もしくは「UTF-8」じゃないものになってませんかね?
で、違う文字コードのまま貼り付けているのではないかな、と思ったんですよね。
違ったらごめんなさい!!
m(_ _)m
Posted by: ゆう | 2007年2月25日 17:17
ゆうさん、こんばんは。
各テンプレートを見直してみたのですが、
全て「UTF-8」で出力したコードを貼り付けていますね。
何故だかわかりません。
でも私の環境でも、ごくたまに化ける時があるんですよね。
いつの間にか直ってますけど。
わたしにとって、Mac ましてや Safari で確認する機会が無いので、
今回のように指摘していただけると、とても嬉しいです。
「自動認識」で出力したほうが良いのかな?
Posted by: ゑこびす | 2007年2月25日 20:42
今更なのですが・・・。
ちょっと小粋空間さんのエントリーと絡めて記事を書いたのでトラックバックもいただいちゃいました。
やはり、このプラグイン気になるんですよね。
でも今のブログだと導入するの微妙なんですよね。
(しかも、さっきも投稿時に500エラーがでたので導入するの怖かったりしますし・・・。(^^;))
Posted by: ゆう | 2007年6月26日 00:49
これ、素直にイイッ!ってプラグインですよね。
Posted by: ゑこびす | 2007年6月26日 19:13