Featured Image Zoomerによる画像表現


Ujiki.oOさんが,画像のズーム機能のコードの自動生成機能を提供して下さいましたので,やってみました。

ズーム表示したい画像の,小・中・大の画像のURLをコピペすれば良いので,楽ちんです。

画像共有サイトFlickrを使うと超便利で,指定通りにFlickr上にアップした画像につけられた画像のURLを貼りつければ出来上がりです。

ちなみに,画像のURLとは,Flickr上の画像を貼り付ける時の右下の矢印マークを押して,以下の様なhtmlコードを出し,

<a href="https://www.flickr.com/photos/90904018@N07/14938385539" title="Stockholm by Enrique0206, on Flickr"><img src="https://farm6.staticflickr.com/5563/14938385539_591b8fd51b_t.jpg" width="100" height="34" alt="Stockholm"></a>

色付けしたアドレスの事です。各サイズの画像の,この部分を,Ujiki.oOさんのページ内で貼り付けるだけで,各自で試せるコードが自動生成されます。極楽操作でこのような最新機能を試す事が出来ます。

Ujiki.oOさんのサービス精神には頭が下がります。

後記:
Flickrから画像URLを取得する方法を,ここでは,ファイル共有の貼付け用のhtmlコードから取得する様に説明していますが,Ujiki.oOさんのコメントにあります様に,ダウンロード画面からAll sizesを出して,表示される各サイズの画像のURLを取得する方が早いです。

続きを読む


nice!(9)  コメント(22)  トラックバック(9) 
共通テーマ:PLAYLOG