リンク先のイメージを取得したい

質問

質問させていただきます。

<a href="URL">リンク先</a>
上記のリンク先のTOPイメージをonMouseされた際に表示したいのですが可能でしょうか？

リンク先のイメージ等はサーバー等で保持するのでなく全てjavascriptで
行いたいと考えております。

以上よろしくお願いいたします

回答No.4

sample_

表示したいサイトアドレスを渡すとそのサイトのキャプチャーを返すサービスがあるのでそれを利用すればできますよ。

自分は、下記サービスを利用してますよ。
http://img.simpleapi.net/

ちなみに、GoogleのBookmarkサービスでは
http://www.websnapr.com/　のサービスを利用しているようです。

あとは、mouseoverイベントをトリガーにimgタグを作って表示してあげればできますね。(mouseoutで消すこともお忘れなく。。）

回答No.3

神崎 渉瑠（@taloo）

> 上記のリンク先のTOPイメージをonMouseされた際に表示したいのですが可能でしょうか？

スクリーンショットなどを表示したい、ということでしょうか？
あらかじめスクリーンショットを撮影、保存しておき、下のように書けばできますが。

<a href="URL" onmouseover="document.getElementById('out').src='screenshot.jpg'">リンク先</a>
<img src="" id="out">

「サイト内の文章、画像の転載を禁止します」などと書かれているサイトのスクリーンショットに、サイト内で使用している文章（判読できる場合）、画像が含まれている場合は著作権法に抵触する可能性がありますので、
スクリーンショットの掲載は、あらかじめ許可を得ておく方が良いでしょう。
バナーが公開されていれば、それを使うことをおすすめします。

回答No.2

SAYKA

うーん、No1の言う通り、ドメイン越えができないからどうやってもサーバサイドの何かしらがないと無理だねぇ。
小さいレンダリングを作るにも一度自分のドメイン側へ引き込まないといじれないし・・・
その辺で見かける縮小表示は大抵サーバサイドだよ

回答No.1

yambejp

＞サーバー等で保持するのでなく全てjavascriptで

であれば難しいですね。
ajaxを使ってもドメインはまたげないので