リンク先をサムネイル表示する 2009年08月02日(日)14:54:10

リンク先をサムネイル表示する方法は4つほどあるようだ。

 ■ ニンブロラボの「Link Thumbnail」を使用する方法
   参考サイト:Bosotto 200X リンク先のサムネイルを表示
           kazuking blog オンマウスでサムネイル画像表示
 ■ 「HeartRails Glance」 の 「チラ見」サービス
 ■ 「snap shots
    参考サイト:リンゴが好きでぃす♪ 任意のリンクでのみSnapを呼び出す
 ■ 「SimpleAPI
    参考サイト:[YUI] マウスオーバーでリンク先サムネイル表示
■ 今回は、jQuery を使った方法を紹介
導入方法:リンク先ウェブサイトのスクリーンショットをポップアップ表示

(1)リンク先の解説をポップアップ表示する場合
   a の要素に title="解説など" を記述する。
   ※この場合、全記事に適用されるので、適用箇所を指定出きる仕様になればと思います。

(2)リンク先のスクリーンショットを表示する場合
   a の要素に class="previewlink" を記述する。
   他の方法に比べ、小さく邪魔にならないのが良い。
   ※初回画像取得時は表示に約5~10秒要する。

(3)別ウィンドウ(別タブ)を開いてリンク先を表示する場合
   a の要素に rel="external" と記述する。
   target="_blank"指定とどう違うのかな!?上記2つの機能と併用可能。

  参考サイト:デザインスタジオ ウェッジ

只、どの方法でも、サムネイル(スクリーンショット)表示する場合、
適用箇所を限定するのに class 指定するようになっている為、
最も、使用頻度が多いと思われる「リンク」欄を折り畳み形式にしている場合、
管理人に知識がない為だけか!?導入出来ない。

【スポンサーリンク】
【拍手確認】 【記事の編集】
【関連タグ】 サムネイル  当ブログ内の関連記事をタグで検索出来ます。
最終更新日時: -0001年11月30日(水)00:00:00ブログパーツ このページのトップへ

コメントの投稿 [3件]

非公開コメント

「リンク」欄での使用について

当ブログでプラグインとして使用しているLc-Factoryさんに
方法を問い合せてみました。

ルード@管理人様から下記の回答を頂きました。
****************************************
「Link Thumbnail」を使うのは、きっと可能だと思いますし、
そう難しくもないでしょう。
ただ、私としては、利用方法を解説する気はありません。
他人のサイトのスクリーンショットを許可なくご自分のサイトに
掲載するのは、日本では著作権法的にかなりマズいので、
支援したくないのですよ。すみませんが、ご容赦ください。
****************************************
結構、普及!?している方法なので、安易に考えていましたが、
確かにこういった事も考慮する必要がありますね(汗)

ご紹介頂きありがとうございます

アクセス解析を頼りに訪問させて頂きました。
自社サイトのために作ったツールで、まさかブログでご紹介頂けるとは思っていませんでした。ありがとうございます。
rel="external" 等、解説不足だったようですので、弊社サイトの該当記事にも説明を少し追加しておきました。
ところでご指摘の

使用頻度が多いと思われる「リンク」欄を折り畳み形式にしている場合、
管理人に知識がない為だけか!?導入出来ない。


という部分ですが、もう少し具体的にご希望の機能を説明して頂ければ、ぜひ対応してみたいと思います。
ちなみに2つのクラスを同時に適用するという意味であれば、クラス名をスペースで区切って、複数指定できると思います。

取り急ぎ御礼・及びご挨拶まで。

>WEDG inc.さん

CM有難うございます。
記事中では、スクリーンショット表示があれば判り易いと
思われる場合は適時 class="previewlink" を使わせて頂こうと
思っています。
プラグインでは「リンク」の他、「カテゴリ」や「アーカイブ」等
でも使用可能と思われますが、一番使用する可能性が高いのは
やはり「リンク」だと思われます。
当ブログの場合、ツリー表示する為にプラグイン「Lc.ツリーリンク」を
利用させて頂いております。多くのブログで何らかのツリー化が
施されていると思いますが、借用者としてそのスクリプト内に
ご自分で、 class="previewlink" を挿入するのが困難な場合も
あると思われます。

 商品検索

タグ [上位30件]



 カテゴリ&月別一覧
 
 最新記事紹介
視察研修2017年 2017/10/20
『刑事ゆがみ』 第二話 2017/10/19
『スタンドオフ(2016) 』 2017/10/19
『金メダル男』 2017/10/15
「ブラック星博士の東海征服計画2017」 2017/10/15
『ブラック・ファイル 野心の代償』 2017/10/14
『探偵ミタライの事件簿 星籠の海』 2017/10/13
ペイントで丸枠写真を移し替える方法 2017/10/12
博物館 明治村 (2017年) 2017/10/09
『ロング・トレイル!』 2017/10/06
 週間人気記事
 Trackback
 Comment 

コメント、トラックバック大歓迎。
但し、記事と無関係と思われるものは、
削除させて頂きます。

FC2ランキング
[ ジャンルランキング ]

映画:第74位
アクセスランキングを見る>>


[ サブジャンルランキング ]

レビュー:第35位
アクセスランキングを見る>>