Visualizes blocked images and provides a menu option to load them.

Latest Version

Version
3.3
Update
June 18, 2017
Size
102KiB
Developer
mberka.com
Category
Users
655
Rating
3.5 ★
Manifest Version
2
Web Store Status
Languages Support
English (United States)
See more
Permissions
ContextMenus
Http://*/*
Https://*/*
Ftp://*/*
ContentSettings
Tabs
Storage
See more

Show This Image Extension

Convenient display of images (including backgrounds) for users browsing with images disabled.
1. A right-click option allows you to have a selected image immediately loaded and displayed on the page.
2. Custom formatting of blocked images and backgrounds. By default, marks the locations of hidden images and backgrounds so you can select them for display.
3. Adds title/\"alt\" text to images without it, giving clues about the image.

----Instructions----
1. Turn off images (chrome://settings/content) to see the effect. To give you greater control, ShowThisImage does not change your default image settings.
2. Customize formatting in the options (chrome://extensions/)
3. Right-click on an image and choose Show This Image to load it.

For when a page has many images and/or you do not know which you want to see, try Temporary Content Settings (https://chrome.google.com/webstore/detail/temporary-content-setting/kcpgnedeigljfpmokkmdonpejdghocff).

Feedback on problems and possible improvements is welcome!

----Permissions----
1. \"All your data\" is for the context menu and for interacting with the source code to show image locations and load images.
2. \"Content settings\" is for checking whether images are disabled on a page, and for enabling images for a few seconds while loading the selected image.

----Versions----
--v.3.3--
Images now on top by default. Added periodic image detection for images loaded by scripts. Fixed detection and styling bugs. Now marks and loads basically everything.

--v.3.2.1.1--
Fixed bug in title text display. Removed unused browser action button.

--v.3.2.1--
Better identification of selected images. Source title text. Extra tips on options page. Removed fail-to-load reload for greater usability.

--v.3.2.0--
Image elements now detected consistently. Improved loading images with abnormal sources. Fixed loading of background images. Images that are found on the page but fail to load also open in the window.

--v.3.1.0--
Background images now viewable. Functionality not affected by having JavaScript disabled on a page.

--v.3.0.0--
Images now load on-page in most cases.

--v.2.0.1--
Cleanup and fixes to default CSS.

--v.2.0--
Custom CSS for pages with disabled/enabled images.

--v.1.0--
Initial demonstration - applies same styling to all images, even visible ones, opens images in new window.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name" : "Show This Image", "version" : "3.3", "description" : "Visualizes blocked images and provides a menu option to load them.", "author" : "Martin Berka", "short_name" : "Show Image", "minimum_chrome_version": "35", "manifest_version": 2, "background": { "scripts": ["background.js"] }, "content_scripts": [ { "matches": ["http://*/*", "https://*/*", "ftp://*/*"], "js": ["pageStyler.js"] } ], "icons" : { "16" : "16-context.png", "48" : "48-detail.png", "128" : "128-icon.png" }, "options_ui": { "page": "options.html", "chrome_style": true }, "permissions": [ "contextMenus", "http://*/*", "https://*/*", "ftp://*/*", "contentSettings", "tabs", "storage" ]}
Read more

How to download and manually install Show This Image extension for Chrome

Looking for a way to install Show This Image extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Show This Image extensions manually, this article outlines two simple methods to effortlessly install Show This Image extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Show This Image extension and manually install through Drag &Drop

If you ever need to manually install a Show This Image extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Show This Image Extension by clicking the "Download CRX" button on the website.

Look for the Show This Image extension you wish to install. Go to the website and download the Show This Image extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Show This Image extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Show This Image extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Show This Image extension for Chrome and install in Developer Mode

This is another method to install Show This Image extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Show This Image extension file

Select and download the Show This Image extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Show This Image extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Show This Image extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Show This Image extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Show This Image extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Images Reloader Extension · Productivity 655 22 ★ 431KiB

icon

Load Lazyload Images Extension · Productivity 655 12 ★ 5.05KiB

icon

Images ON/OFF Extension · Developer Tools 655 103 ★ 51.73KiB

icon

Tunable Image Block Extension · Productivity 655 44 ★ 32.14KiB

icon

Wizmage Image Hider Extension · Productivity 655 254 ★ 437KiB

icon

Hide images with NOPE. Extension · Productivity 655 7 ★ 249KiB

icon

Block image Extension · Productivity 655 192 ★ 22.35KiB

icon

Image Hide Extension · Productivity 655 6 ★ 1.39MiB

icon

Temporary Content Settings Extension · Developer Tools 655 10 ★ 33.78KiB

icon

Better Image Scaling Extension · Photos 655 12 ★ 38.65KiB

icon

View background image Extension · Developer Tools 655 42 ★ 7.62KiB

icon

View Background Image Extension · Accessibility 655 165 ★ 73.23KiB

icon

ImageX Extension · Developer Tools 655 22 ★ 20.0KiB

icon

Image blocker Extension · Productivity 655 118 ★ 236KiB

icon

Easy Image Control Extension · Productivity 655 22 ★ 20.15KiB

icon

Image Hider Extension · Accessibility 655 31 ★ 1.53MiB

icon

IMG inspector Extension · Accessibility 655 78 ★ 30.17KiB

icon

Images Under Cursor Extension · Productivity 655 18 ★ 49.31KiB

icon

Images - All-in-one Internet Search Extension · Productivity 655 2 ★ 5.59KiB

icon

Fullwidth Image Extension · Developer Tools 655 11 ★ 8.67KiB

icon

Galleryzer Extension · Photos 655 7 ★ 37.13KiB

icon

Enhanced Image Viewer Extension · Photos 655 14 ★ 106KiB

icon

Image-Details Extension · Productivity 655 24 ★ 23.32KiB

icon

Reload Images Extension · Productivity 655 13 ★ 10.34KiB

User reviews

icon

S Tan (ID: 00000031019e14ca) Voted 3 ★ - Updated 10/28/2018 Can't you show the image in place instead of opening a new window?

icon

Emo Flipper (ID: 000000948d34f6de) Voted 2 ★ - Updated 06/19/2018 It didn't works. Seems like you need html to edit the settings.

icon

window dll (ID: 000000975e699bcd) Voted 5 ★ - Updated 11/11/2017 Worked like magic. EXACTLY what I needed. +1

icon

Alber Kamus (ID: 0000009700215286) Voted 5 ★ - Updated 10/28/2016 You can add a button directly on the image, by clicking on which will show the image, not to go into the menu.