2017 07 ≪  08月 12345678910111213141516171819202122232425262728293031  ≫ 2017 09


スポンサーサイト

- --------(--) - 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
この記事のURL | スポンサー広告 | ▲ top

大きい画像をページに合わせて自動縮小するImageFit

- 2011-01-30(Sun) - 

今回紹介するFirefox拡張機能はImageFit
ページレイアウトからはみ出してしまうような横に長い(幅が広い)画像を、そのレイアウトに合わせて自動的に小さくします。

閲覧ページ内に表示されている画像のうち、ページレイアウトからはみ出すほど大きくて幅が未指定な画像に「width: 100%;」のスタイルを追加します。これにより、画像を表示している要素にCSSなどで幅が指定されていればその幅におさまるよう縮小され、幅が一切指定されていない場合はFirefoxのウィンドウ幅に合わせて縮小されます。

ちなみにその画像を原寸表示したい場合は、画像を右クリックして「画像だけを表示」をクリックするとOK(縮小表示されている場合は画像クリックすると原寸表示するはず)。なお、画像に幅が指定されている場合は縮小せずにその大きさで表示するので、そういった画像をページ上で縮小したい場合はImage Zoomがオススメ。

シンプルな拡張機能ですが、大きな画像がアップロードされるようなページで、ページを右にスクロールしないと画像が全部見られないような場合に役立ちそう。こういった機会がある方はチェックしてみてくださいね。

関連記事
スポンサーサイト
この記事のURL | 拡張機能 | コメント(0) | トラックバック(0) | ▲ top
<< | メイン | >>
 
コメント

コメントの投稿















管理者にだけ表示を許可する


▲ top
 
トラックバック
トラックバックURL
→http://fxwiki.blog63.fc2.com/tb.php/283-244afc89
| メイン |
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。