tampermonkey scrip für grafik replace

Redbear · 23. Januar 2020

Hallo

ich bin auf der der suche nach einen script das eine grafik mit einen imglink findet, diese dann tauscht und in einer bestimmten Größe anzeigt,

zb

Grafik A hat den link test.com jetzt sollen alle Grafiken mit dem link zu Grafik B werden und mit 40x40 Pixel angezeigt werden.

kann mir bitte jemand helfen und mir ein kurzes Script für eine Grafik schreiben, das ich einfach kopieren und vervielfältigen kann.

Danke

basti1012 · 24. Januar 2020

Klar könnte man das .

Hast du den schon irgendwas versucht ?

Außerdem muß man auch wissen auf welchen Seite dein Tampermonkey Script laufen soll ?

Dann nimmt man ein JS Script was nach den Links sucht.

Zb alle src auslesen und dann vergleichen ob dein imglink da vorhanden ist.

Wenn ja tauschen und wenn nein dann wird das nächste src verglichen.

Eigentlich sollte das nicht schwer sein

Redbear · 24. Januar 2020

habe mir 2 jahren den code mal zammgebestelt der hat damals auch funktioniert

document.querySelector('a[href="LINK"] img[src*="ships"]').src = 'GIF';

habe bei den alten dann mal die nötigen daten geändert, leider funktioniert der nicht mehr.

und leider kenne ich mit den sprachen nicht besonders aus um den fehler zu behen, hab das immer auf try and error gemacht bis es funktioniert hat-

Redbear · 24. Januar 2020

nachtrag hab das obere hin bekommen, jetzt fehlt nur noch der anzeige bereich bzw style

<img src="GIF"

basti1012 · 24. Januar 2020

du solltest mal den ganzen Code posten damit man sieht was du genau gemacht hast.

Code

// ==UserScript==
// @name         bilder auslesen und wechseln
// @namespace    http://tampermonkey.net/
// @version      0.11
// @description  sucht nach bilder oder links und tauscht die aus
// @author       basti1012
// @include      *irgendein_forum*
// @require      http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js
// @run-at       document-end
// ==/UserScript==

var was='img';// img oder a
var suchlinks='forum/ws/images/avatars/';
var tauschen='forum/ws/images/avatars/ff/227-ff12ddf25975dae8321f052bfa7374ad93dd92ef.png';

var elem=document.querySelectorAll(was);
elem.forEach(function(i){
    if(was=='img'){
        let checkimg=i.src;
        let ifdaimg=checkimg.indexOf(suchlinks);
        if(ifdaimg!=-1){
            i.src=tauschen;
        }
    }
    if(was=='a'){
        let checka=i.src;
        let ifdaa=checka.indexOf(suchlinks);
        if(ifdaa!=-1){
            i.href=tauschen;
        }
    }
})

Alles anzeigen

Das reicht aus damit alle avaters zu meinen Avater werden.

Den Style kannst du hier ändern

Code

if(ifdaimg!=-1){
     i.src=tauschen;
     i.style.width='50px';
     i.style.height='50px';
}

oder mit appendChild

Code

head=document.getElementsByTagName('head')[0];
style=document.createElement('style');
style.innerHTML='img{width:50px;height:50px;}';
head.appendChild(style);

oder du Goggelst mal nach

GM_addStyle

Das ist für Greasmonkey ,weiß nicht ob Tampermokey das auch versteht.

Edit:

Hier kannst du dazu was lesen wie man Styles Bei GM und TM einfügen kann

https://stackoverflow.com/ques…quivalent-in-tampermonkey

Redbear · 24. Januar 2020

Vielen Dank! mit der 2 hat es funktioniert.

habe das ganze so gemacht

document.querySelector('a[href="LINK"] img[src*="ships"]').src = 'GIF';

document.querySelector('a[href="LINK"] img[src*="GIF"]').style.width ='50px';

document.querySelector('a[href="LINK"] img[src*="GIF"]').style.height ='50px';

Vielen dank

und Schönnen Abend noch

tampermonkey scrip für grafik replace

Jetzt mitmachen!

Teilen

Tags