なないろブログ

2007.05.22

今どきのサムネイル

ホームページ上でファイルサイズを抑えるため
縮小画像の一覧で表示しておいて
より詳しく画像を見たい時には
その画像をクリックすれば
拡大画像…というか本来の大きさの画像を
別窓に表示できる、という風に使ってきた。

ページにアクセスするやいなや
勝手にポップアップウィンドウが出てくるんじゃなくて
クリックするという行為で表示させるわけだから
別に悪くはないと思うけど、
タブブラウザも増えてきた今、
もうちょっと違う方法はないのかなぁ？と検索してみた。

２つ見つけたんで、両方入れたサンプルページを作ってみた。↓
http://www.nanairoweb.com/test.html
（今どきの…って書いたものの、ちょっと前から結構使われてるみたい。）

画像をクリックすると、大きい画像が表示される。
その他の本文の部分がグレーアウトした背景になる。
閉じるボタンを押すか、背景部分をクリックすることで元に戻る。

画像をクリックすると、大きい画像が表示される。
出てきた大きな画像はドラッグで移動もできる。
シャドウをつけるとかCSSで色々、カスタマイズもできる。
画像を再度クリックすることで元に戻る。

１．の方は結局、別窓を開くのと一緒かなぁ。
あと、時々、うまく動作しなくてリロードすることもあった。

２．の方は直感的に操作もわかりやすいし、何かスマート！かっこよさげ。

ただ、２の方は商用の場合、有料。30ドル。

別に払いたくないわけではないのだけど
払い方がよくわからないっていうか、
海外に支払いってのが何かわけもなく不安。
PayPalっていうの？支払いをクリックしてみると
クレジットカードでごくごく簡単に支払いできそうな風だけど
ごく簡単にってのが、また心配でね～。

こういう感じのスクリプトをフリーで公開しているところ、
または、有料でもいいから、せめて国内のサイトで公開してるところ、
ご存知の方がおられたら教えてほしい。
（もしくは、同じような動きをするスクリプトを作ってあげるよ～、とか。）

Posted at 11:59 | Category: 0030WEB |

お～どっちもかっこいいですね～(*^_^*)
これは普通のページでも使えるのかな？

PayPalは私は以前持っていましたが、
更新の方法が面倒で、って英語が分からなかっただけですが・・(^_^;)切れてしまいました。
それすら分かってないけど・・
私も前に、海外のソフトでいいのがあって、買い方がわからへんわ～って思っていたんですよ～ね～

こんばんは～
かっこいいですね。
下のズーミングがかっこいいですわぁ～。
PayPalは私もやりっぱなしのままです･･･いま思い出しました。
メジャーな支払い方法のようですよ～。
でも、結構手間がかかるんですよね。英語だからわかりにくいですし・・・（－－）

かずっちさん
かっこいいでしょ～。
普通のページでも使えますよ。

というか、みなさん、MTなんかで使って
より便利さを実感するんだろうけど、
私は、今回のサンプルのために
MTの方にソースを追加するのが嫌だったんで
外部のページにしました。
どっかで使いたい。

PayPal使ってたのね。じゃ、大丈夫かなぁ。
更新忘れで自動継続・自動引き落としになるよりは
あっさり切れてくれた方がいいかも。

ミッチーさんも使ってたのね。
メジャーで皆さん、利用してる感じなら大丈夫かなぁ。

＞でも、結構手間がかかるんですよね。
＞英語だからわかりにくいですし・・・（－－）

PayPalボタンを押してすぐは
氏名やクレジットカードの番号を入れるような
わかりやすいページだったけど
その次の画面がどうなるのかは
まだ知らないのですよ。

今回のお仕事では別窓にしたので
また差し迫ったことがあったら
勇気を出してPayPal使ってみます。