スポンサーリンク

Twitter / YouTube / Amazon / Google 画像検索 等々の画像を、マウスオーバーのみで拡大表示できるようにする Chrome 拡張機能 ＆ Firefox アドオン 「PhotoShow」

サムネイルをマウスオーバーした時に、サムネイルのリンク先にある高解像度画像がポップアップで表示される Google Chrome
2021.06.25

今日は、各種ウェブサイト上の画像を、マウスオーバーのみで拡大表示できるようにする Google Chrome 拡張機能 ＆ Firefox アドオン「PhotoShow」を紹介しようと思います。

PhotoShow（Chrome 拡張機能）
PhotoShow（Firefox アドオン）

「PhotoShow」は、マウスカーソル直下の画像を拡大表示できるようにするブラウザ拡張機能です。

Twitter / YouTube / Amazon / Google 画像検索 / pixiv / Instagram / ウィキペディア / Facebook 等々のサイト上でサムネイルをマウスオーバーした時に、該当サムネイルのリンク先にある高解像度画像がポップアップで表示されるようにする拡張機能で、気になったサムネイルをマウスカーソルの移動のみで拡大表示できるようにしてくれます。
（対応サイトは 140 以上あり、非対応サイト上でも機能する場合がある）

基本的には、拡大表示したい画像の上にマウスカーソルを乗せるだけで使うことができますが、必要に応じて

  • Shift キー
  • Ctrl キー
  • Alt キー

を押しながらマウスホバーした時のみポップアップ表示できるように設定することも可能となっています。
（誤作動防止のため）

また、ポップアップ内に表示中の高解像度画像を、ホットキーにより 回転 / 新しいタブで開く / 保存 / URL をコピー することもできたりします。
（画像の右クリックメニュー内にも、新しいタブで開く / 保存 / URL をコピー コマンドが追加される）

普段、Twitter などのウェブサイト上で、画像をクリックするのが面倒くさい… と感じていたりする人におすすめです。

ちなみに、ポップアップのサイズは、ミニ / 小 / 自動 / パノラマ の 4 つ中から選べるようになっています。
（サイズをホットキーで切り替えることも可能）

ダウンロード（Chrome 拡張機能）
ダウンロード（Firefox アドオン）

PhotoShow の使い方

  1. まず、「PhotoShow」をインストールします。
  2. 以後、Twitter / YouTube / Amazon / Google 画像検索 / pixiv / Instagram / ウィキペディア / Facebook 等々のサイト上でサムネイルをマウスオーバーした時に、サムネイルのリンク先にある高解像度画像がポップアップで表示されるようになります。
    （マウスカーソルを画像から離せば、ポップアップは自動で非表示になる）
    サムネイルをマウスオーバーした時に、サムネイルのリンク先にある高解像度画像がポップアップで表示される

    サムネイルをマウスオーバーした時に、サムネイルのリンク先にある高解像度画像がポップアップで表示される

    Amazon

    Amazon

    ウィキペディア

    ウィキペディア


    また、ポップアップで表示中の画像を、下記ホットキーで操作することも可能となっています。

    Esc ポップアップを閉じる
    Shift + Ctrl + ← 左回りに 90 度回転
    Shift + Ctrl + → 右回りに 90 度回転
    ↑ / → / ↓ / ← 大きい画像を、各方向にスクロール
    PgUp / PgDn 大きい画像を、上 / 下 にスクロール
    Home / End 大きい画像の先頭 / 末尾 にスクロール
    M / L / A / P ポップアップのサイズを変更
    Tab 高解像度画像を新しいタブで開く
    S 高解像度画像を保存する
    C 高解像度画像の URL をコピーする

    さらに、画像の右クリックメニュー内に「PhotoShow」というメニューが追加され、ここから選択画像のリンク先にある高解像度画像を

    • Open HD image in new tab (Tab)　-　新規タブで開く
    • Save HD image (S)　-　保存する
    • Copy HD image address (C)　-　URL をコピーする

    ことも可能となっています。

    画像の右クリックメニュー

  3. 尚、ツールバーボタンをクリックすることにより、オプションを表示することができます。
    オプション

    オプション


    ここでは、次のようなオプションの設定を行うことができます。

    • PhotoShow is enabled on this website　-　現在のサイト上で、PhotoShow を有効化する
    • WORKS EVERYWHERE
      • Enable basic support on unknown websites, displaying original images when their intrinsic sizes are larger than displayed
        非対応サイト上でも機能を有効化する
    • ACTIVATION MODE　-　ポップアップの表示方法
      • Mouse hover ＋ none　-　マウスホバーのみ
      • Mouse hover ＋ Shift　-　「Shift」キーを押しながらマウスホバー
      • Mouse hover ＋ Ctrl　-　「Ctrl」キーを押しながらマウスホバー
      • Mouse hover ＋ Alt　-　「Alt」キーを押しながらマウスホバー
    • ACTIVATION EXEMPTION
      • DO NOT activate when thumbnails are larger than 25% of the viewport
        ビューポートの 25% 以上を占めるサムネイルは、拡大表示しない
    • ACTIVATION DELAY
      • When mouse hovering on thumbnails, delay activation by 〇 ms
        サムネイルをマウスオーバーしてから、画像をポップアップ表示するまでの遅延時間
    • VIEW MODE　-　ポップアップのサイズ
      • Mini　-　ミニ
      • Light　-　小
      • Auto　-　自動
      • Panoramic　-　パノラマ
    • VIEWER LOCATION　-　ポップアップの位置
      • Top　-　上
      • Bottom　-　下
      • Left　-　左
      • Right　-　右
    オプション

    オプション

    • IMAGE SIZE DISPLAY
      • Display HD image size within the viewer
        ポップアップ内に、高解像度画像のサイズを表示する
    • SHADOW DISPLAY
      • Display shadow between the viewer and the source thumbnail
        サムネイルとポップアップの間に影を表示する
    • LOADING STATUS DISPLAY
      • Indicate image loading status
        画像の読み込み状況を表示する
    • ANIMATION
      • Enable transition animation
        ポップアップ表示時に、アニメーションを有効化する
    • CONTEXT MENU
      • Enable context menu items
        右クリックメニュー内に「PhotoShow」コマンドを追加する
    • DEVELOPER MODE
      • Suspend PhotoShow when in developer mode (browser developer tools window open)
        開発者モード実行時は「PhotoShow」を無効化する
    オプション

    オプション

    • HOTKEYS　-　有効化するホットキー

コメント