sinkope is not kind of paradoxical existence

🎼 🎹 🏀 🌠 🚶 👣 📷 💻 🎨 🎮 📖 and more !

今日のサンプル

某所で
はてなダイアリーの中で他サイトの画像を直リンクで貼る方法」
を訊かれたので、下記にサンプル。


その1:フツーに貼る
HTMLのimgタグを使います。srcパラメータで元サイト中の画像URLを引用。

<img
 src="http://www.jbook.co.jp/member/img/product/03003/M03003028-01.jpg"
 border="0" />


その2:リンク出来るようにする
aタグで囲みます(後ろの</a>を忘れないように)。

<a
 href="http://www.jbook.co.jp/welcome.asp?JBFROMSITE=j00038&type=product&sku=3003028"
><img
 src="http://www.jbook.co.jp/member/img/product/03003/M03003028-01.jpg"
 border="0" /></a>


その3:サイズを変えてみる
imgタグでwidthパラメータを付加します。
例)横幅を100ピクセル、縦は自動追従

<a
 href="http://www.jbook.co.jp/welcome.asp?JBFROMSITE=j00038&type=product&sku=3003028"
><img
 src="http://www.jbook.co.jp/member/img/product/03003/M03003028-01.jpg"
 border="0"
 width="100" /></a>


元サイトでの画像のURLは、IEなら右クリックで「プロパティ」→「アドレス(URL)」で参照、Firefoxなら右クリックで「画像のURLをコピー」でコピペ可能です。


ま、上記サンプルをコピペしてお試しになればヨロシイかと。>元質問者の方