Grafiken auf Webseiten durch eigene ersetzen

    Hallo,
    ich bin auf der Suche nach einem Addon das es mit erlaubt, durch einfache Schritte, Bilder auf einer Webseite gegen eigene zu tauschen.
    Sehr vielversprechend hörte sich "my image here" https://addons.mozilla.org/en-US/firefox/addon/my-image-here an
    Leider hat der Entwickler sich dazu entschieden keine weiteren Updates mehr zu erstellen.
    Kennt jemand eine Erweiterung, wo man einfach die Quell-URL und die Tausch-URL eintragen muss?
    Gruß und vielen Dank
    Fabian

    Diese Erweiterung funktioniert noch, ob eine alte, nicht mehr unterstützte Erweiterung ein Sicherheitsrisiko ist, keine Ahnung.

    XPI-Datei herunterladen und in der install.rdf ( <em:maxVersion> ) z. B. auf 20 setzen ------> <em:maxVersion>20.0.*</em:maxVersion>

    Hallo,
    auf ein nicht mehr unterstütztes Addon zu setzen ist dann wahrscheinlich nicht die beste Lösung.

    Da man solche Dinge ja auch mit Stylish machen kann, ich mich damit aber gar nicht auskenne, bitte ich um einen Denkanstoß.

    Nehmen wir mal an ich würde das Mozilla-Community-Logo gegen ein rotes Rechteck tauschen wollen. Wie gehe ich da vor?

    1. gleich großes rechteckiges Bild erstellen
    2. Speichern
    3. file:///C:/Users/Public/Pictures/Stylish/camp_firefox_replace.png

    Die Anleitung, welche ich gefunden habe lautet:
    Was muss ich dort ändern?

    https://github.com/JasonBarnabe/s…ges-in-img-tags
    While replacing background images is easy with CSS, replacing images created with <img> tags is not. You need to do the following trick to switch <img> tag images.

    CSS
    #your-selector-here {
	height: 0 !important;
	width: 0 !important;
	/* these numbers match the new image's dimensions */
	padding-left: 125px !important;
	padding-top: 25px !important;
	background: url(http://example.com/your/image/here) no-repeat !important;
}


    Vielen lieben Dank

    Fabian


    ------------------------------

    Quellcode zum Logo:
    <img src="./styles/prosilver/imageset/site_logo.png" alt="" title="" height="91" width="158">


    <a href="https://www.camp-firefox.de" title="Startseite" id="logo"><img src="./styles/prosilver/imageset/site_logo.png" alt="" title="" height="91" width="158"></a>


    <div id="header_logo" class="grid-3">
    <a href="https://www.camp-firefox.de" title="Startseite" id="logo"><img src="./styles/prosilver/imageset/site_logo.png" alt="" title="" height="91" width="158"></a>
    </div>

    Meinst du das so?

    [Blockierte Grafik: http://www7.pic-upload.de/thumb/15.11.12/6p4s7saf61vg.jpg]

    Wenn ja..

    Hallo Andreas,
    ja so in etwa meinte ich das.
    Habe es ausprobiert und ein wenig verändert und komme zumindest bei dieser Art der Grafikeinbettung zum gewünschtem Ziel.

    Bei einer anderen Seite kann ich das Prinzip leider nicht anwenden.
    Mir fehlt einfach das Grundwissen um solche Zeilen (#header_logo > A > IMG) zu erstellen und nun hier jede einzelne abzufragen, wäre wohl unangebracht.

    Mal sehen wo ich meine Wissenslücken aufbessern kann.

    Vielen Dank und Gruß
    Fabian