FancyBox - меняйте изображение на клик

Question

При нажатии на миниатюру FancyBox увеличивает это изображение, но я хотел бы заменить увеличенное изображение на другое изображение.

<map>
  <area shape="poly" coords="453,862,477,862,478,899,453,900" href="/Images/main.jpg" alt="333" />
</map

$('area').fancybox({
  beforeLoad: function(instance){
   //change href to something like "/Images/main_333.jpg"
   // the idea is to grab the alt tab number and then add it to the href string to get the correct image
  }
});

Answer 1

Вот пример того, как изменить URL:

$('[data-fancybox="images"]').fancybox({
  beforeLoad : function(instance, current) {
    current.src = 'https://loremly.com/640x480/';
  }
});