Resize Images

Resize images over 600px

Versione datata 10/07/2023. Vedi la nuova versione l'ultima versione.

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

// ==UserScript==
// @name         Resize Images
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  Resize images over 600px
// @author       udontkn0wme
// @match        *://*/*
// @icon         https://opu.peklo.biz/p/23/07/10/1688996123-3fd56.png
// @license      MIT
// @grant        none

// ==/UserScript==

(function () {
  'use strict';

  // Function to resize elements
  function resizeElements(elements) {
    elements.forEach(element => {
      // Check if the element height is greater than 600px
      if (element.clientHeight > 600) {
        // Set the height to 600px and width to 'auto'
        element.style.height = '600px';
        element.style.width = 'auto';
      }
    });
  }

  // Function to observe DOM changes and resize elements accordingly
  function observeDOMChanges() {
    const targetNode = document.body;

    // Callback function to handle DOM changes
    const callback = function(mutationsList) {
      for (const mutation of mutationsList) {
        if (mutation.type === 'childList') {
          // Resize the elements whenever new elements are added to the DOM
          const elements = document.querySelectorAll('img.embed-me-image, img');
          resizeElements(elements);
        }
      }
    };

    // Create a new MutationObserver instance
    const observer = new MutationObserver(callback);

    // Start observing the target node for DOM changes
    observer.observe(targetNode, { childList: true, subtree: true });
  }

  // Resize the initial elements
  const elements = document.querySelectorAll('img.embed-me-image, img');
  resizeElements(elements);

  // Observe DOM changes to resize newly added elements
  observeDOMChanges();
})();