JQuery tauscht Bild-SRC aus

  • 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!

  • 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.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!