Mouseover Popup Image Viewer (unaffiliated)

Adds zoom functionality to images on any website with a resizable popup and a download button. Click on an image to zoom in, click anywhere to close.

ئاپتورى
Usaid Bin Khalid Khan
بۈگۈن قاچىلانغىنى
0
جەمئىي قاچىلانغىنى
38
باھا نومۇرى
0 0 0
نەشرى
1.8
قۇرۇلغان ۋاقتى
2024-08-17
يېڭىلانغان ۋاقتى
2024-08-17
Size
1.4 MB
ئىجازەتنامىسى
MIT
قوللايدىغىنى
بارلىق بېكەتلەر

Mouseover Popup Image Viewer NEW!! (unaffiliated)

Description
Enhance your web browsing experience with the Mouseover Popup Image Viewer userscript. This tool introduces a zoomable popup viewer and a download button to any webpage, making image viewing and downloading seamless. Ideal for users who frequently interact with images online, this script provides a smooth and engaging way to zoom in on images and save them with customizable filenames.

Features

  • Zoom Functionality: Click on any image to zoom in with a resizable popup.
  • Download Button: Save the zoomed image directly to your device with a customizable filename.
  • Customizable Filename: Automatically generates a filename based on the webpage URL, with special characters removed for compatibility.
  • Cross-Origin Support: Handles images with CORS issues to ensure proper downloading.

Screenshots

  • Zoom Activation
    Zoom Activation
    The image zoom feature activated on a webpage.

  • Download Example
    Download Example
    The "Download" button visible within the zoomed image popup.

Keywords
image viewer, zoom, download, popup viewer, userscript, JavaScript, web utility, image handling, browser script.

Visit My Website for More Tools and Scripts
Explore additional tools and scripts at my portfolio website.

Instructions / Walkthrough

Installation

  1. Install Userscript Manager:
    Download and install a userscript manager extension such as Tampermonkey for Chrome or Greasemonkey for Firefox.

  2. Create a New Script:
    Open your userscript manager and select "Create a new script."

  3. Paste the Code:
    Copy and paste the provided script code into the editor.

  4. Save and Enable:
    Save the script and ensure it is enabled.

How to Use

  • Zoom on Image: Click on an image to view it in the zoomable popup.
  • Download Image: Click the "Download" button to save the zoomed image to your device. The filename is generated based on the webpage URL.

Navigating the Zoom Popup

  • Opening and Closing: The zoom popup appears when an image is clicked and hides when clicking outside the popup.
  • Download Action: Use the download button to save the image. The filename will be based on the webpage URL.

Customizing Your Experience

  • Filename Customization: The script automatically sanitizes filenames to ensure compatibility with file systems.

License

MIT License

Copyright (c) 2024 Usaid Bin Khalid Khan

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.