(ツール・Tips)※「実装した」と書いていますが、実装方法を書いているわけではありませんのでご注意ください...もともと小さい画像であれば原寸で載せても別に問題ないのですが、でかい画像を載せるときに原寸で載せてしまうと画面いっぱいに画像が表示されてしまい見る人に圧迫感を与えてしまいます。ライブラリを使用して拡大画像をポップアップ形式で表示させたりすることが多いです。これらの対応方法として個人的にあまり好きでない点が2つあります。(きちんと探せば満足のいくライブラリはあるかもしれませんが...)ライブラリによっては縮小画像と原寸画像2つ用意しなければならない記事を読んでいく途中で画像を見ようとしてポップアップすると読む動作を中断させられてしまうそこで私が考えた案としては、「最初は画像を縮小表示させておき、画像をクリックするとポップアップせずその場で拡大表示する」です。実際にやると下のような感じになります。初期表示ではある程度小さな画像で表示します。画像にカーソルを合わせると指アイコンになるのでクリックするとその場で画像が大きくなります。拡大したまま放置しても問題ありませんし、もう一度クリックすれば縮小します。原寸で表示されるといってもブラウザのサイズよりは大きくならないようにしています。ブラウザを広げれば可能な限り原寸サイズまで広がるようにはなっています。ページで実装したので下記のリンク先で拡大の動きが確認できると思います。以下の画像は拡大処理しないので指アイコンにはなりません。インストール手順ただ、これを実装するには事前に画像単位で仕込みが必要になるので、ブログなどのような投稿サイトではこのような動きにするのは難しいかもしれません。駆使すれば実現出来そうな気もするので、もしかしたらこんな感じの動きを実装できるライブラリがすでに存在しているかもしれません。探すのがめんどくさいので、気になる方は調べてみるのもよいかもしれません。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。