Animated GIF Pause-on-Load

WHAT IT DOES This script automatically detects and pauses animated GIF images on any page, replacing them with a static preview (first frame). A play button overlay and hover-to-play controls let you animate GIFs on demand—hover to play, hover away to pause, or click to toggle. A counter badge shows how many GIFs were paused. Reduce distraction, save bandwidth, and improve page performance by preventing GIFs from autoplaying. Perfect for browsing forums, social media, or any site with animated images. WHERE IT RUNS The script works on any page with animated GIF images—forums, social media, blogs, news sites, and any website with GIF content. It detects GIFs in `` tags and CSS background images, and handles both static and dynamically loaded GIFs. HOW TO USE After installation, the script automatically pauses GIFs based on your settings. A badge appears showing the count of paused GIFs. Click the badge to open the panel. Customize: enable or disable GIF pausing, choose pause delay (ms), set max attempts, enable pausing on page load or on scroll (with configurable threshold), enable per-site memory, show/hide the count badge, choose badge position, toggle debug mode, and configure interactions (hover to play, play on click, show play button). Click "Scan & Pause Now" to manually trigger a scan. Use "Play All GIFs" and "Pause All GIFs" to control all GIFs at once. TECHNICAL MECHANISM The script uses a multi-stage GIF detection and pausing pipeline. First, it scans the DOM for GIF images using `img[src*=".gif"]` and CSS background images via `getComputedStyle`. Second, it captures the first frame of each GIF by loading the image into an offscreen canvas and drawing it at the current time (0), then exporting as a PNG data URL using `canvas.toDataURL()`. Third, it replaces the original `` with a wrapper containing the static version, preserving dimensions and layout. Fourth, it adds a play button overlay and event listeners for hover (play on mouseenter, pause on mouseleave) and click (toggle). Fifth, for background GIFs, it replaces the `background-image` CSS property with the static PNG data URL. Sixth, it stores paused URLs in per-site storage using GM_setValue. The script uses MutationObserver for dynamically added GIFs and IntersectionObserver for lazy-loaded images. THE PANEL The settings panel is fully draggable and can be positioned anywhere on your screen. It automatically snaps to the nearest edge when released, keeping your workspace organized. The panel can be collapsed to a small bubble showing only a gear icon, and restored with a single click. Its position is remembered across page reloads using GM_setValue. The panel also responds to the Escape key, which instantly hides it until you click the bubble again. All settings are saved immediately when changed and persist across browser sessions. PLEASE NOTE This script requires the free BotGentz extension to run. GIF pausing uses canvas capture which may not work correctly with cross-origin images (requires CORS). The script does not access, store, or transmit any personal data or browsing history. All processing happens locally in your browser and never leaves your device.