ссылка на скачивание fancybox-3 для изображения высокого разрешения, которое отображается - PullRequest
Новая
       7

ссылка на скачивание fancybox-3 для изображения высокого разрешения, которое отображается

0 голосов
/ 25 октября 2018

Как настроить ссылку на скачивание в fancybox-3 таким образом, чтобы она не ссылалась на отображаемое изображение, а на hi-res-версию отображаемого изображения?

Как настроитьэто до?Любая помощь здесь?(Я знаю, что должно быть что-то с 'afterload' и 'атрибутом загрузки'.) Спасибо!

1 Ответ

0 голосов
/ 25 октября 2018

Просто используйте afterShow обратный вызов, а затем настройте ссылку для загрузки в соответствии с вашими потребностями, например: 

$('[data-fancybox="images"]').fancybox({
  buttons : [ 
    'download',
    'close'
  ],
  afterShow : function(instance, current) {
    var src =  current.src.replace('1500x1000', '5000x2000');

    console.info('current.src: ' + current.src + '; download src: ' + src);

    $("[data-fancybox-download]").attr('href', src);
  }
});

Демо - https://codepen.io/anon/pen/EdGNdX?editors=1010

...