HF Group Image "OG"

Reduces group images

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         HF Group Image "OG"
// @version      1.2
// @description  Reduces group images
// @author       gloom
// @match        https://hackforums.net/*
// @license      MIT
// @namespace http://tampermonkey.net/
// ==/UserScript==

(function() {
    'use strict';

    // Function to resize group images
    function resizeGroupImages() {
        // Find all images that have a src containing 'images/groupimages'
        const groupImages = document.querySelectorAll('img[src*="images/groupimages"]');

        groupImages.forEach(img => {
            // Get current dimensions from width/height attributes
            let currentWidth = parseInt(img.getAttribute('width'));
            let currentHeight = parseInt(img.getAttribute('height'));

            // Sets the new dimensions
            if (!isNaN(currentWidth) && !isNaN(currentHeight)) {
                const newWidth = currentWidth - 40;
                const newHeight = currentHeight - 15;

                img.setAttribute('width', newWidth);
                img.setAttribute('height', newHeight);
                // Also set style to ensure it takes effect
                img.style.width = newWidth + 'px';
                img.style.height = newHeight + 'px';
            }
        });
    }

    // Runs when page loads
    window.addEventListener('load', resizeGroupImages);

    // Run for dynamically loaded images
    const observer = new MutationObserver(resizeGroupImages);
    observer.observe(document.body, {
        childList: true,
        subtree: true
    });
})();