kantaのアフィリエイト生活スポンサー広告画像に関する小技 その3[カスタマイズ]HTMLの小技画像に関する小技 その3

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

|--/--/--|スポンサー広告||PageTop↑ | 編集| 

画像に関する小技 その3

《本題に入る前に…》
実は、一昨日から右足親指の付け根あたりが痛くて、まともに歩けない状態でした。昨日の朝はさらに悪化していて、ダンナが車で近くの整形外科まで連れて行ってくれました。
「普通、女性はないけど痛風の疑いもあるから検査しましょー!」と言われ、尿検査・採血までされました…。
結果的には筋をやってしまったらしく(原因不明)今は湿布を貼り、炎症を抑える薬と痛み止めを飲んですっかり良くなりました。


さて、今回は記事内に画像をクリックすると別窓で拡大された画像が出てくる小技の最終回です。

画像処理ソフトを使って画像のサイズを小さくして元の画像とリンクさせる方法です。



画像処理ソフトと言っても、ピンからキリまで数多くあります。

製品版ならアドビの「Photoshop」のようにプロのデザイナーさんが使用する高価なものから「PaintShop Pro Studio」のような家庭ユーザ向けのソフトまでたくさん販売されています。

また、ベクター窓の杜など無料でダウンロードできるサイトで探す手もあります。

でも皆さん、ご自分のPCのプログラムをのぞいて見てください。
メーカーのパソコンなら画像処理機能があるアプリケーションが最初からインストールされていたり、プリンタやデジカメのドライバのインストール時に付属の画像処理ソフトを一緒にインストールしてませんか?こういうものでも画像の縮小機能はあるはずなので充分だと思いますよ。

ちょっと前置きが長くなりましたが、これらの画像処理ソフトを利用して画像のサイズを小さくし、自分のPCに保存します。(保存時に元画像との判別が出来るように別名で保存して下さいね!)
あとは、元サイズの画像と縮小した画像の2つをアップロードして投稿すればOKです。
タグは下記のように記述します。

<a href="http://blog●.fc2.com/●/●●/file/▲▲.gif" target="_blank"><img src="http://blog●.fc2.com/●/●●/file/■■.gif" alt="" border="0"></a><br clear="all">

はい!ここでおさらいです。img src="?で元の画像(青文字)を記事内に貼り付け、a href="?で縮小した画像(赤文字)とリンクさせてtarget="_blank"で別窓で表示させるのでしたよね。

FC2の方なら記事投稿時に投稿フォーム上の「画像」ボタンを押してどちらの画像でも良いので、「記事を書く」を押します。
すると、img src="?とa href="?どちらも同じ画像ファイルのアドレスで出てくるので、タグの中の片方の画像ファイル名を修正します。
もちろん、上のタグをコピペしてアップロードした画像のアドレスに修正してもぜんぜんOKです。

さて、これで「画像に関する小技」シリーズは終了です。また何かあったら取り上げていこうと思います。
スポンサーサイト
|2005/08/18|[カスタマイズ]HTMLの小技||PageTop↑ | 編集| 

RSS

お手持ちのRSSリーダーやMy Yahoo!などに当ブログを登録できます。よろしかったらどうぞ。


My Yahoo!に追加

Add to Google

Subscribe with livedoor Reader

このブログをリンクに追加する

アクセスアップツール

↓SEO対策にお使い下さい。

キーワードアドバイスツールプラス
Powered by SEO対策

サイトマップラス
Powered by SEO対策

アフィリエイター専用のアクセスアップサービス
アフィリエイター専用のアクセスアップサービス

カテゴリー

月別アーカイブ

ブログ内検索

ウェブ検索

Google

WWW を検索
FC2 を検索

最近のコメント

お友達ブログ

管理人が仲良くして頂いている皆さんです。

リンク

プロフィール

by 似顔絵イラストメーカー kanta

  • Author:kanta
こんなハンドルネームですが♀です(笑
東京都在住。家族はダンナ(30歳代前半)、息子2人(3歳・0歳)と管理人(ダンナの1歳年下)の4人。この秋に1人家族が増えたばかりです^^
管理人:kantaにメールする 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。