Replace path only

Hey schweg33,
Thanks for the link to your page, you can use javascript to replace the image and link of the image element image.
Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_replace_image_in_image_element() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
var image = document.querySelector("#top.postid-142 .avia-image-container.avia-builder-el-8 img");
var link = document.querySelector("#top.postid-142 .avia-image-container.avia-builder-el-8 a");
var source = "https://-your-domain-/wp-content/uploads/fruher-und-heute/Restaurant-Fernsicht-1966.jpg";
image.src = source
image.srcset = source
link.href = source
});
</script>
  <?php
}
add_action('wp_footer', 'custom_replace_image_in_image_element');

Ensure that you fix the url to the image before testing, I was not sure if you wanted it posted.
You may want to resize your image to the size you wish, currently it is a different aspect so making it fit with css will stretch it.

Best regards,
Mike

Hi,
Glad to hear, for two images you need to specify the two images, the first image container was .avia-image-container.avia-builder-el-8 img the second one is .avia-image-container.avia-builder-el-10 img so to add both to the same script it would look like this:

function custom_replace_images_in_image_element() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
var image1 = document.querySelector("#top.postid-142 .avia-image-container.avia-builder-el-8 img");
var link1 = document.querySelector("#top.postid-142 .avia-image-container.avia-builder-el-8 a");
var source1 = ("https://archiv.dorfgeschichte.li/wp-content/uploads/fruher-und-heute/Restaurant-Fernsicht-1966.jpg");
var image2 = document.querySelector("#top.postid-142 .avia-image-container.avia-builder-el-10 img");
var link2 = document.querySelector("#top.postid-142 .avia-image-container.avia-builder-el-10 a");
var source2 = ("https://archiv.dorfgeschichte.li/wp-content/uploads/fruher-und-heute/Restaurant-Fernsicht-1966.jpg");
image1.src = source1
image1.srcset = source1
link1.href = source1
image2.src = source2
image2.srcset = source2
link2.href = source2
});
</script>
  <?php
}
add_action('wp_footer', 'custom_replace_images_in_image_element');

but I see your test page has changed so I don’t know if we are talking about the big images or the thumbnails, but as long as you specify the image containers this should work.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike