图片放大查看fancybox

发表于 更新于 分类于 Changyan：

通过 git clone

  1. 在NexT\source\lib目录下执行git clone

fancybox如果已存在，先删除在执行如下操作

1
git clone https://github.com/theme-next/theme-next-fancybox3 fancybox
  1. 配置主题配置文件
    1
    2
    3
    4
    5
    # Fancybox. There is support for old version 2 and new version 3.
    # Choose only any one variant, do not need to install both.
    # To install 2.x: https://github.com/theme-next/theme-next-fancybox
    # To install 3.x: https://github.com/theme-next/theme-next-fancybox3
    fancybox: true # 如此设置

通过CDN资源链接

  1. 进行上方2的配置，设置fancybox为true
  2. 配置主题配置文件，找到如下位置配置CDN资源链接
    1
    2
    3
    4
    5
    6
    7
    8
    9
    # Internal version: 2.1.5
    # See: https://fancyapps.com/fancybox
    # Example:
    # fancybox: //cdn.jsdelivr.net/gh/fancyapps/fancybox@3/dist/jquery.fancybox.min.js
    # fancybox: //cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.6/jquery.fancybox.min.js
    # fancybox_css: //cdn.jsdelivr.net/gh/fancyapps/fancybox@3/dist/jquery.fancybox.min.css
    # fancybox_css: //cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.6/jquery.fancybox.min.css
    fancybox: //cdn.bootcss.com/fancybox/3.2.5/jquery.fancybox.min.js       # 如此配置
    fancybox_css: //cdn.bootcss.com/fancybox/3.2.5/jquery.fancybox.min.css  # 如此配置