fancybox-3下载链接，用于显示图像的高分辨率版本

Question

如何以这种方式在fancybox-3中设置下载链接，使其不链接到显示的图像，而是链接到显示的图像的高分辨率版本？

如何设置？这里有什么帮助吗？ （我知道一定有一些带有'afterload'和'download attribute'的东西。）谢谢！

Answer 1

只需使用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