Braucht einen Userscriptmanager wie Tampermonkey oder Greasemonkey, eins der Scripte auswählen und auf raw klicken, euer userscriptmanager sollte euch fragen ob ihr es installieren wollt.

you are viewing a single comment's thread
view the rest of the comments

[–] klingelstreich@feddit.de 2 points 1 year ago (1 children)

Oh ja, das wär cool. Mit dem drag handler so dass man das Bild größer ziehen kann.

[–] burrito82@feddit.de 3 points 1 year ago

Hab doch mal einen Versuche gewagt, der Button simuliert einfach einen Mausklick auf alle thumbnails von Bildern. Klappt so mäßig, button ist je nach Instanz an anderer Stelle. Momentan reicht das für mich.

// @name         lemmy - expand images button
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Adds a button to expand images
// @author       burrito82
// @match        https://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    function AddShowImagesButton()
    {
        let a = document.createElement('a');
        a.classList = ['nav-link'];
        a.href = `javascript:
            document.querySelectorAll('a[data-tippy-content="Expand here"]')
                .forEach(function(a)
                {
                  a.href = '#';
                  let img = a.querySelector('img');
                  a.click();
                  img.click();
                });`;
        a.appendChild(document.createTextNode('Expand Images'));

        let li = document.createElement('li');
        li.classList = ['nav-item'];
        li.appendChild(a);

        document.querySelector('ul.navbar-nav').appendChild(li);
    }

    const isLemmy = document.head.querySelector("[name~=Description][content]").content === "Lemmy";
    if (isLemmy)
    {
        AddShowImagesButton();
    }
})();