2006年05月10日

リンク先のサムネイルをポップアップ表示

Simple API - ウェブサイト・サムネイル化ツールというものを最近知った。

名前の通りシンプルに使うことができるようだ。
http://img.simpleapi.net/small/
の後にサムネイルを作りたい URL を記入するだけ。
Seesaa のトップページのサムネイルを作りたかったら http://img.simpleapi.net/small/https://blog.seesaa.jp/
とすれば画像が作成されるので img タグの src に指定すればサムネイルが表示できる。具体的にはこんな感じ。
<img src="http://img.simpleapi.net/small/https://blog.seesaa.jp/" title="Seesaa ブログ" />

とはいえ、自分で書いていくのも面倒なので JavaScript で自動的にできるようにしてみました。リンクされているテキストの上にカーソルを乗せるとサムネイルが表示されるようになっていると思います。環境にもよると思いますが。
(WindowsXP の IE6 Firefox1.5 Opera では確認していますが、それ以外はわかりません。エラーなどが出ていたら教えていただけるとありがたいです。)

あまり多くのものをサムネイル化するのも負担が掛かるようなので、メイン(このテンプレートでいうと id content 内)の中の五つだけをサムネイル化するようにしています。

サムネイルが表示されて何かいいことがあるのか、疑問もありますが、面白そうだったので作ってみました。他で同じようなものもありそうですが勉強ということで。

追記
ソースを公開してみました。ソースはこちらです。



posted by knit at 19:55| Comment(0) | TrackBack(2) | JavaScript | このブログの読者になる | 更新情報をチェックする

2006年03月31日

ブログに地図を簡単に貼り付けられる JavaScript

以前、alpsclip tagger を利用して ALPSLAB の地図を貼り付ける方法を試してみたが、IE ではエラーが出てうまくいかなかった。最近は JavaScript も見直されてきているようなので、勉強も兼ねて自分で書いてみることに。

alpsclip tagger との違いは

  • 地図画像のみ表示(alpsclip tagger では地図画像と住所、住所(テキスト)のみ、地図画像のみと表示を複数選択可能)
  • <span class="adr">住所</span>と書くと地図画像に置き換わる(alpsclip tagger は<alpsclip>住所</alpsclip>など)
  • 文字コードが euc-jp 以外のブログでも使える(はず?)
などがあります。比べるのも恥ずかしいですが。

続きを読む
posted by knit at 20:06| Comment(0) | TrackBack(0) | JavaScript | このブログの読者になる | 更新情報をチェックする

ブログに簡単に地図を貼り付けるテスト

<span class="adr">住所</span>
と書くと自動的に alpsclip! の地図を貼り付けることができる JavaScript を書いてみた。

<span class="adr">東京都港区芝公園4-2-8</span>と書いた結果が下記。
東京都港区芝公園4-2-8

一応ちゃんと表示されているようだ。詳しくはまたのちほど書くつもり。こちらで

posted by knit at 14:55| Comment(0) | TrackBack(0) | JavaScript | このブログの読者になる | 更新情報をチェックする