Ich bin kein großer Fan davon soviel Platz an den Seiten zu lassen, das Script behebt ist.

Gibt eine “normale Version”

Und eine kompakte Version

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.

  •  burrito82   ( @burrito82@feddit.de ) 
    link
    fedilink
    Deutsch
    5
    edit-2
    1 year ago

    Danke! Insbesondere old.reddit.compact.user.js gefällt mir sehr gut. Falls du noch auf der Suche nach Verbesserungsvorschlägen bist, ich habe immer den Button “show images” genutzt und vermisse den momentan, hab aber leider nicht viel Ahnung von Javascript bzw. wie ich stabil die Bilder im DOM finden und aufklappen kann.

      • 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();
            }
        })();