[Update] Instructions to use fancyBox 3

[frozenpandaman]

Unrelated to this issue, but (why not post it here since this is a pretty dead project)… In case anyone sees this, I updated this extension (running on https://consolidatedpower.co/~donald/zero/Main_Page) to use fancyBox 3 and it's working great. Message me if you need help with this.

[IanCassTwo]

@frozenpandaman do you have the source somewhere? I'd love to use it.

[frozenpandaman]

@IanCassTwo Sure! You can see it in action here, by clicking on any image in the article: https://consolidatedpower.co/~donald/zero/Kentucky_Route_Zero

Here were the changes I made to get it to work:

• Updated the packaged version of fancyBox (in fancyBox/source/) from 2.1.4 to 3.5.7
• Updated jQuery file (in fancyBox/lib/) from 1.9.0 to a more recent version, e.g. 3.4.1 (path specified in FancyBoxThumbs.php)
• Changes to ext.FancyBoxThumbs.js:
  • Lines 40-42:

    .attr("data-src", new_img_src)
    .attr("data-caption", img_title + '<a href="' + $(this).attr("href") + '">more info</a>')
    .attr("data-fancybox", "gallery");

  • Line 48:

    $("[data-fancybox]").fancybox(fbtFancyBoxOptions);

Hope this helps!