使用javascript

Question

我有以下模板，我要在其中提取当前的img src网址，并使用它的精美框按钮。

ex：在下面的模板中，我们有3的{​​{1}}个图像，单击这些图像时，fancybox将打开，并且右上角的https://farm6.staticflickr.com有3个按钮。现在，当我单击Twitter按钮时，它应该打开当前图像的实际图像URL，即本例中的第一个图像为Facebook,Twitter,Close，同样适用于其余图像。

https://codepen.io/anon/pen/JxmYVK

https://c1.staticflickr.com/9/8148/29324593462_abebaddc38_k.jpg

Answer 1

尝试在$.fancybox.getInstance()回调中使用click()，fancybox实例将包含有关当前显示项目的信息。

$('body').on('click', '[data-fancybox-tw]', function() {
  let src = $.fancybox.getInstance().current.src;

  console.log('image src is', src);

  window.open(src);
});