JQuery tauscht Bild-SRC aus

HTMLMFG · 15. November 2017

Das folgende kleine JQuery-Skript tauscht ändert die Bild-URL eines Elements, indem es die SRC des geklickten Bildes übergibt:

Code

<script>

  $(".kl_vorschau").click(function() {       
    $("#grossansicht").attr("src", $(this).attr("src"));
  });

</script>

Das funktioniert auch soweit wunderbar. Nun möchte ich aber folgendes realisieren: Die klickbaren Bilder haben eine Dateinamenserweiterung, z. B. "../images/bild1_x500.jpg". Jetzt möchte ich das gleiche JQuery-Skript so anpassen, dass beim Klick wieder die URL übergeben wird, aber "_x500" herausgefiltert wird. Da ich kaum Ahnung von JQuery habe, brauche ich kurz und zeitnah eure Hilfe.

Besten Dank schon mal!

Sempervivum · 15. November 2017

Die Erweiterung kannst du sehr leicht mit der Funktion replace() entfernen:

Code

$("#grossansicht").attr("src", $(this).attr("src").replace("_x500", ""));

Das setzt voraus, dass der String immer exakt gleich ist. Wenn nicht, muss man ihn mit einer Regex angeben.

HTMLMFG · 15. November 2017

Das könnt ich ja abfangen, indem ich .replace("_x500.jpg", ".jpg") verwende.

Sempervivum · 15. November 2017

Ja, so geht es auch. Ich dachte eher an die Möglichkeit, dass der String auch "_x400" oder "-x600" lauten könnte.

JQuery tauscht Bild-SRC aus

Jetzt mitmachen!

Teilen

Tags