LightBox Plusを利用する 

写真に影を付けるについては以前はSLOW CAMP さんの影の画像と春木屋さんの外部スクリプトを利用させていただきましたが、影の画像が固定なので写真の大きさが違う場合無理が出てきました。また1枚の写真でサムネイルと実サイズ画像を表示する場合もサムネイルが変形して見づらい場合もあります。
今新たに「 LightBox Plus 」というスクリプトを使わせていただいてますが、こちらは始めにサムネイル画像を用意しておき、クリックした時に実サイズ画像を表示するものです。
FC2の場合、サムネイル画像はファイルアップロードの時に自動で作成されますので、使い分けて設定しています。

Adobe Photoshop でサムネイル作成    FC2でのサムネイル画像
cap23       cap23

続きを読む

写真に影を付ける 

写真に影を付けてブログに貼り付けるとなんとなく見栄えしますよね。影を付けるのにはいろいろ方法があるみたいですが、このブログでは写真にpopup.jsという外部スクリプトでクリックしたときにオリジナルサイズに表示するようになっていますので、それを生かしながら写真に影を付けてみます。
参考にしたところはbigdipper北斗七星さんのSLOW CAMP 春木屋さんを参考にしています。 隅田川
○popup.jsを編集して下記の120の箇所を150に変更します。サムネイル表示の大きさを変更したいときはpopup.jsを編集して下記の150の箇所を変更します。

  var thumbs_width = "150px";         // 縮小画像の横幅

スクリプトの内容説明については「画像縮小表示→オリジナル表示」を参照してください。

続きを読む

フォト蔵を試す 

海外の写真共有サイトとしては flickr が有名ですが、あいにく英語が苦手の私には分かりにくいことが多く、日本語サイトもありますが全部が日本語でないのでこれもだめでした。

そこで我が日本の写真共有サイトを検索したところあったジャありませんか。
フォト蔵(photozou)では最大1万枚まで写真を登録可能で、登録可能な画像形式はJPEG、GIF、PNG。1ファイルの画像サイズは最大450ピクセルへ自動的にリサイズされます。

続きを読む

画像の縮小表示→オリジナルサイズ表示 

春木屋さんの外部スクリプトをお借りしています。

特徴
・1枚の画像で縮小・実サイズの両方を表示できます。
・拡大の方法を3種類から選べます。1ページ内に併用も可能です。

1.元ページにオリジナルサイズの画像を表示する。
2.マウスダウンの間だけ、その場で拡大表示する。
3.オリジナル画像のサイズに合わせて別窓を開いて表示する。

続きを読む