abmcr

Add a checkbox into media window for insert a javascript zoom to large image with jQuery ColorBox. 
The basic idea id build from Viva Zoom Plugin , but i want no use Highslide but jquery. 
The plugin is a simple version of the more powerful <a href="https://wordpress.org/extend/plugins/jquery-colorbox/" rel="ugc">“jQuery Colorbox”</a>

JQuery Colorbox Zoom

Add a checkbox into media window for insert a javascript zoom to large image with jQuery ColorBox.

Mathew

Image Zoom on Hover brings sophisticated image zoom functionality to your WordPress website, creating an engaging and professional user experience for your visitors. This powerful plugin transforms ordinary images into interactive elements that users can click to view in stunning detail through a clean, full-screen overlay interface.
The Perfect Solution for Visual Content
Whether you’re running a photography portfolio, product showcase, blog, or business website, Image Zoom on Hover enhances how visitors interact with your visual content. The plugin seamlessly integrates with any WordPress theme and provides intuitive controls that work beautifully across all devices and screen sizes.
Intelligent and Responsive Design
Our plugin features smart responsive technology that automatically adapts to different screen sizes and devices. On mobile devices, images are intelligently scaled to fit perfectly within the viewport, ensuring users never experience cut-off content or horizontal scrolling. The zoom calculations dynamically adjust based on device capabilities and screen dimensions.
Key Features That Set Us Apart
The plugin offers comprehensive customization options that give you complete control over the zoom experience. You can select specific post types where zoom functionality should be active, set minimum image width requirements to prevent tiny images from having zoom capabilities, and easily exclude specific images or entire sections using CSS classes or IDs.
Seamless User Experience
Users can zoom images through multiple intuitive methods including clicking directly on the image, and they can return to normal view by clicking the zoomed image again, clicking outside the image area, pressing the Escape key, or simply scrolling the page. The smooth CSS transitions create a premium feel that enhances user engagement.
Gallery Navigation – Browse all zoomable images on a page without closing the overlay. When multiple images are present, prev/next arrow buttons and an image counter (e.g. 2 / 5) appear automatically, making it effortless to navigate through a full set of images in sequence.
Advanced Features Include:
Flexible Post Type Control – Choose exactly which content types should have zoom functionality, from posts and pages to custom post types, giving you granular control over where the feature appears on your site.
Smart Image Filtering – Set minimum width requirements to automatically exclude small images like icons, thumbnails, and logos from having zoom functionality, keeping the feature focused on content that benefits from detailed viewing.
Comprehensive Exclusion System – Easily exclude specific images or entire sections from zoom functionality using CSS classes, IDs, or selectors, perfect for maintaining clean navigation areas and preventing interference with existing functionality.
Mobile-Optimized Experience – Advanced mobile detection and responsive scaling ensure images always fit perfectly within mobile viewports, with special considerations for mobile browser UI elements and touch interactions. Native pinch-to-zoom support lets mobile users intuitively zoom images using familiar touch gestures.
Customizable Visual Indicators – Control whether hover zoom icons appear, and choose your preferred icon style. Select between a classic magnifier icon or a four-corner expand/fullscreen icon — with a visual preview directly in the settings page so you know exactly what your visitors will see.
Overlay Color & Opacity Control – Choose the background color and opacity of the zoom overlay to match your site’s design. Prefer a dark overlay for a cinema-style feel, or keep the clean white default — a live opacity slider lets you dial in the exact transparency level from 70% to 100%.
Accessibility Ready – The zoom overlay is fully accessible with ARIA dialog attributes, labelled close and navigation buttons, and proper keyboard focus management. When the overlay opens, focus moves to the close button; when it closes, focus returns to the image that was clicked — ensuring a smooth experience for keyboard and screen reader users.
Homepage Integration – Smart homepage detection automatically shows relevant settings only when needed, with separate controls for homepage zoom functionality that work seamlessly with any homepage configuration.
Performance Optimized – Lightweight vanilla JavaScript implementation with no external dependencies ensures fast loading times and compatibility with all modern browsers and WordPress configurations.
Perfect for Multiple Use Cases:
Photography websites benefit from the detailed image viewing capabilities that let visitors appreciate fine details and artistic elements. E-commerce sites can showcase product details more effectively, allowing customers to examine items closely before making purchase decisions. Portfolio websites gain professional polish with smooth zoom transitions that highlight creative work. Blog and magazine sites can enhance visual storytelling by making images more engaging and interactive. Corporate websites can present charts, diagrams, and infographics with improved clarity and accessibility.
Installation and Configuration
The plugin installs in seconds and requires no technical knowledge to configure. The intuitive settings panel provides clear explanations for each option, making it easy to customize the zoom behavior to match your specific needs and design requirements.

Image Zoom on Hover

Transform your WordPress images with elegant zoom functionality. Click any image to view it in a beautiful full-screen overlay with smooth animations.

JQuery Colorbox Zoom vs Image Zoom on Hover