Tengo varias imágenes con URL src que tienen todas
....content/..._gal6.jpg?format=100w¿Cómo puedo usar jQuery o JS para cambiar todas las URL para que terminen con
?format=2500w¿al hacer clic?
Como esto
document.querySelectorAll("img").forEach(img => { const url = new URL(img.src); if (url.searchParams.get("format")) { url.searchParams.set("format", "2500w") console.log(url.toString()) img.src = url.toString() } }) <img src="bla.jpg?format=250w"> <img src="bla.jpg"> <img src="bla.jpg?format=350w">Usando Javascript:
Cambia la propiedad src de la imagen:
function changeImage(){ document.getElementById('test-image').src = "https://url-to-second-image.com/image.png"; }Puede llamar a la función usando el evento de clic en el html:
<img id="test-image" src="the-url/first_image.jpg" onclick="changeImage()">Aquí hay un jsfiddle: https://jsfiddle.net/f5mwext3/2/
De la misma manera, puede cambiar solo una parte del nombre (estoy usando archivos externos completos por conveniencia)