Mit jQuery Bildpfad ändern

[burn4ever]

Hallo,
ich möchte bei einem on click event den src eines Bilder ändern.
Was mir zu Verfügung steht ist der komplette Pfad des neuen Bildes in einer Variablen z.B.:
var newPic = http://meine-domain/content/images/2015/header2015.jpg
Herausforderungen bei der ganzen Sache sind folgende:
1. ich möchte nicht einfach den ganzen Pfad austauschen sondern nur die Datei (header2015.jpg)
2. das Originalbild hat noch einen Suffix (-retina) also z.B. headerJuli-retina.jpg welchen ich auch hinter das neue Bild setzten möchte.

Jemand eine Idee wie ich das umsetzte kann. Denke mal ich werde hier mit regular expressions arbeiten müssen, oder?

 

[Tronjer]

Um den Bildnamen zu extrahieren, braucht es zwei split(), ersten beim Slash und zweiten beim Dot. Es gibt aber auch das Attribut srcset für responsive images

 

[threadi]

split wäre gefährlich falls im Dateinamen das Trennzeichen doppelt vorkommt. Besser wäre, wie oben schon angedeutet, eine regexp die es entsprechend trennt.

 

[Sempervivum]

Ich würde es mit match() machen:

path = "http://meine-domain.content/images/2015/header2015.jpg"
filename = path.match(/[^\/^\.]*\.jpg$/);
console.log(filename);

Oder geht es auch mit split? Der TO will ja den Dateinamen mit Erweiterung:

parts = path.split("/");
filename = parts[parts.length - 1];
console.log(filename);