| リンク先のサムネイルを表示 [カスタマイズ] |
2006.12.02 Saturday

これには実は2つの小技を組み合わせている。リンク先のサムネイルを表示させる「Link Thumbnail」という技(参照1)と、よりかっこいいサムネイルを作る「MozShot」という技(参照2)。
■ 参照1 > 外部リンクのサムネイルを表示する
■ 参照2 > 外部リンクのサムネイルをMozshotで
この2つの参照をじっくり読んでいけば、Javascriptの知識のない者でもなんとか実装できる。(ただしアップロードできる環境が必要)しかしここでさらにカスタマイズを施した。「Mozshot」は好きなスクリーンショットが作成できるサービス。サイズは「64×64」「128×128」「256×256」の3種類あるのだが、128では小さすぎるし、256では大きすぎると思い、その中間の192を作ろうと試みた。と言ってもやり方は簡単で、参照1、2の内容の"128"の数値を"192"にしてあげればいいだけ。ただし1つだけ注意点が。このままだと解像度の低いサムネイルになってしまうので、
の箇所は
のように書き換えてあげる必要がある。("/large"の記述が入る。)あとは手順どおりやれば完了。サムネイルが表示されるのは自分のブログ以外の外部リンクのみに限定している。初めて読み込むときはサムネイル作成に多少時間かかるかもしれないが、一通り読み込めたらかなり快適なものになるだろう。こーいうのを作ってしまう人ってすごいなぁ、といつも関心する。感謝!おかげでブログデザインが少しずつ磨かれていく・・・わーい♪
[Link]
■ 参考 > ニンブロラボ / 外部リンクのサムネイルを表示する
■ 参考 > ニンブロラボ / 外部リンクのサムネイルをMozshotで
■ 参考 > Hamster-Santa / サムネイル画像を作る「MozShot」
■ lab.arc90 / Link Thumbnail
■ MozShot(スクリーンショット作成サービス)
■ 参照1 > 外部リンクのサムネイルを表示する
■ 参照2 > 外部リンクのサムネイルをMozshotで
この2つの参照をじっくり読んでいけば、Javascriptの知識のない者でもなんとか実装できる。(ただしアップロードできる環境が必要)しかしここでさらにカスタマイズを施した。「Mozshot」は好きなスクリーンショットが作成できるサービス。サイズは「64×64」「128×128」「256×256」の3種類あるのだが、128では小さすぎるし、256では大きすぎると思い、その中間の192を作ろうと試みた。と言ってもやり方は簡単で、参照1、2の内容の"128"の数値を"192"にしてあげればいいだけ。ただし1つだけ注意点が。このままだと解像度の低いサムネイルになってしまうので、
['http://mozshot.nemui.org/shot?', 128, 128]];
の箇所は
['http://mozshot.nemui.org/shot/large?', 192, 192]];
のように書き換えてあげる必要がある。("/large"の記述が入る。)あとは手順どおりやれば完了。サムネイルが表示されるのは自分のブログ以外の外部リンクのみに限定している。初めて読み込むときはサムネイル作成に多少時間かかるかもしれないが、一通り読み込めたらかなり快適なものになるだろう。こーいうのを作ってしまう人ってすごいなぁ、といつも関心する。感謝!おかげでブログデザインが少しずつ磨かれていく・・・わーい♪
[Link]
■ 参考 > ニンブロラボ / 外部リンクのサムネイルを表示する
■ 参考 > ニンブロラボ / 外部リンクのサムネイルをMozshotで
■ 参考 > Hamster-Santa / サムネイル画像を作る「MozShot」
■ lab.arc90 / Link Thumbnail
■ MozShot(スクリーンショット作成サービス)
