Teil aus einem Link entfernen

[akuenzel]

Hallo, ich bin neu hier und habe leider nicht viel Ahnung von JavaScript, benötige aber für ein kleines Problem eine Lösung.

Ich nutze auf einer Seite den WordPress Audioplayer. Dieser bindet das Albumcover ein. Da aber für meine restlichen Beiträge das Beitragsbild nicht quadratisch zugeschnitten wird, der Player aber genau diesen Zuschnitt verwendet sieht das ziemlich doof aus. Ich habe jetzt herausgefunden, dass WordPress eine Bild-URL von folgendem Schema für den Player verwendet:

<img alt="" src="http://aktest.esy.es/pg-mod/wp-content/uploads/2017/06/Osternacht-2017-18-Heilig-Herr-Gott-Zebaoth-mp3-image-632x300.jpg">

Nun zu meinem Anliegen. Ich bräuchte ein kleines Skript dass automatisch immer das "-632x300" aus dem Link entfernt. Und zwar nur dann, wenn im Dateinamen auch "mp3" vorkommt.
Kann mir hierbei jemand helfen?

Vielen Dank euch schon mal im voraus!

[Dormilich]

https://developer.mozilla.org/de/doc...String/replace

[akuenzel]

Erstmal vielen Dank für die Antwort. Doch leider hilft mir die Seite irgendwie nicht viel weiter. Wie kann ich denn überhaupt den Link ersteinmal in eine Variable einlesen?

- - - Aktualisiert - - -

Habe jetzt mal folgenden Ansatz versucht, aber das klappt so offensichtlich nicht Leider habe ich einfach garkeine Erfahrung mit JavaScript.

<script type="text/javascript">
    function ersetzen() {
        var alt = document.getElementsByClassName('wp-playlist-script').innerHTML();
        var neu = alt.replace("mp3-image-632-300.jpg", "mp3-image.jpg").innerHTML();
    }
</script>

Das hier ist der Ausschnitt der mir angezeigt wird wenn ich in Firefox den Quellcode anzeigen lasse. Die entsprechende Stelle kommt hier zweimal vor.

<h1>Hörprobe</h1>
<!--[if lt IE 9]><script>document.createElement('audio');</script><![endif]-->
<div class="wp-playlist wp-audio-playlist wp-playlist-light">
		<div class="wp-playlist-current-item"></div>
		<audio controls="controls" preload="none" width="640"></audio>
	<div class="wp-playlist-next"></div>
	<div class="wp-playlist-prev"></div>
	<noscript>
	<ol><li><a href="http://aktest.esy.es/pg-mod/wp-content/uploads/2017/06/Osternacht-2017-18-Heilig-Herr-Gott-Zebaoth.mp3">Hei*lig Herr Gott&nbsp;Zebaoth</a></li><li><a href="http://aktest.esy.es/pg-mod/wp-content/uploads/2017/06/Osternacht-2017-07-Mitten-in-der-Nacht.mp3">Mit*ten in der&nbsp;Nacht</a></li></ol>
	</noscript>
	<script type="application/json" class="wp-playlist-script">{"type":"audio","tracklist":true,"tracknumbers":true,"images":true,"artists":true,"tracks":[{"src":"http:\/\/aktest.esy.es\/pg-mod\/wp-content\/uploads\/2017\/06\/Osternacht-2017-18-Heilig-Herr-Gott-Zebaoth.mp3","type":"audio\/mpeg","title":"Heilig Herr Gott Zebaoth","caption":"","description":"\"Osternacht 2017 - 18 Heilig Herr Gott Zebaoth\" aus Modern Tunes Jugendosternacht 2017 von Modern Tunes. Ver\u00f6ffentlicht: 2017. Genre: NGL.","meta":{"artist":"Modern Tunes","album":"Jugendosternacht 2017","genre":"NGL","year":"2017","length_formatted":"2:41"},"image":{"src":"http:\/\/aktest.esy.es\/pg-mod\/wp-content\/uploads\/2017\/06\/Osternacht-2017-18-Heilig-Herr-Gott-Zebaoth-mp3-image.jpg","width":632,"height":632},"thumb":{"src":"http:\/\/aktest.esy.es\/pg-mod\/wp-content\/uploads\/2017\/06\/Osternacht-2017-18-Heilig-Herr-Gott-Zebaoth-mp3-image-632x300.jpg","width":632,"height":300}},{"src":"http:\/\/aktest.esy.es\/pg-mod\/wp-content\/uploads\/2017\/06\/Osternacht-2017-07-Mitten-in-der-Nacht.mp3","type":"audio\/mpeg","title":"Mitten in der Nacht","caption":"","description":"\"Osternacht 2017 - 07 Mitten in der Nacht\" aus Modern Tunes Jugendosternacht 2017 von Modern Tunes. Ver\u00f6ffentlicht: 2017. Genre: NGL.","meta":{"artist":"Modern Tunes","album":"Jugendosternacht 2017","genre":"NGL","year":"2017","length_formatted":"2:55"},"image":{"src":"http:\/\/aktest.esy.es\/pg-mod\/wp-content\/uploads\/2017\/06\/Osternacht-2017-18-Heilig-Herr-Gott-Zebaoth-mp3-image.jpg","width":632,"height":632},"thumb":{"src":"http:\/\/aktest.esy.es\/pg-mod\/wp-content\/uploads\/2017\/06\/Osternacht-2017-18-Heilig-Herr-Gott-Zebaoth-mp3-image-632x300.jpg","width":632,"height":300}}]}</script>
</div>

[kkapsner]

1. Wo rufst du denn die Funktion ersetzen() auf?
2. es gibt keine Funktion innerHTML() - das ist eine Eigenschaft auf DOM-Nodes.
3. document.getElementssByClassName liefert eine HTMLCollection und nicht ein einzelnes Objekt. Da musst du durchiterieren
4. Indem du der Variablen neu irgendwas zuweist, passiert im DOM noch gar nichts...
5. Ich würde auch da nicht hart das innerHTML ersetzen, sondern das .src-Attribut der <img>-Node.
6. Nein - eigentlich würde ich das WP-Plugin so verändern, dass da die richtigen Daten beim Browser landen...

[akuenzel]

ok, ich lese aus deiner Antwort heraus, dass das schwieriger wird als ich es mir vorgestellt hatte. Das mit dem Plugin Verändern scheitert daran, dass es kein Plugin ist sondern eine Standardfunktion von WordPress ist und ich die Datei in der der entsprechende Code steht nicht finde.

[kkapsner]

das schwieriger wird als ich es mir vorgestellt hatte.

Naja - schwierig ist relativ. Aber wenn du das mit JS machst, ist das hier Flickwerk.
Mit was hast du denn genau Schwierigkeiten?

ich die Datei in der der entsprechende Code steht nicht finde.

Such' doch einfach mal nach wp-playlist-script.

[akuenzel]

Ich habe das Problem mittlerweile hiermit gelöst.

https://wordpress.stackexchange.com/...humbnail-sizes

Das ist zwar kein JavaScript, aber es tut was es soll

[mikdoe]

* Beitrag #3 freigeschaltet und gelöst gesetzt *