Zitat von »Neptun«

hab einfach mal chatgpt gebeten das image-script so zu erweitern dass große bilder automatisch auf eine bestimmte breite verkleinert werden. Ist bestimmt nicht optimal gecoded, aber whatever, ich kenn mich mit der materie nicht aus und es funktioniert zumindestens http://bikinibottom.de/s/i8qrW.gif

 Spoiler

Quellcode

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62

// ==UserScript== // @name Spongeforum-Image-Inliner // @namespace spongeforum // @description Display linked images inline and resize them to a width of 850 pixels if their width is larger // @include http://spongeforum.de* // ==/UserScript== var processedImages = false; function addListener(obj, eventName, listener) { if (obj.addEventListener) { obj.addEventListener(eventName, listener, false); } else { obj.attachEvent("on" + eventName, listener); } } function resizeImageIfNeeded(img) { var maxWidth = 850; var currentWidth = img.width; if (currentWidth > maxWidth) { img.style.maxWidth = maxWidth + "px"; img.style.width = "100%"; } } function LocalMain() { if (processedImages) { return; } processedImages = true; var imageLinks = document.evaluate( "//a[@class='image']", document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null ); var imageCount = imageLinks.snapshotLength; for (var i = 0; i < imageCount; i++) { var item = imageLinks.snapshotItem(i); var url = item.getAttribute('href'); var img = document.createElement('img'); img.setAttribute('src', url); img.setAttribute('class', 'resizeImage'); // Resize the image if its width is larger than 850 pixels img.onload = function() { resizeImageIfNeeded(this); }; item.parentNode.replaceChild(img, item); } } addListener(document, "DOMContentLoaded", LocalMain); addListener(window, "load", LocalMain);