fix bug of fancybox #282

master
xaoxuu 4 years ago
parent 8a8b935820
commit 58bf3765d4
  1. 4
      _config.yml
  2. 5
      layout/_partial/head.ejs
  3. 7
      layout/_partial/scripts.ejs
  4. 8
      layout/_third-party/fancybox.ejs

@ -403,10 +403,6 @@ plugins:
js: https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/highlight.min.js
css: https://cdn.jsdelivr.net/npm/highlight.js@9.18.1/styles/solarized-light.css
# more: https://www.jsdelivr.com/package/npm/highlight.js?path=styles
# Picture Zoom
fancybox:
css: https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css
js: https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js
# https://scrollrevealjs.org/api/reveal.html
scrollreveal:

@ -84,9 +84,8 @@
<!-- link -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.13/css/all.min.css">
<% if (theme.plugins.fancybox && theme.plugins.fancybox.css) { %>
<%- css(theme.plugins.fancybox.css) %>
<% } %>
<%- css('https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css') %>
<% if (theme.plugins.nodewaves && theme.plugins.nodewaves.css) { %>
<%- css(theme.plugins.nodewaves.css) %>
<% } %>

@ -189,7 +189,7 @@
<script>
new Vue({
el: '#vssue',
render: h => h('Vssue', {
props: {
title: "<%- (page.seo_title || page.title) + ' - ' + config.title %>",
@ -324,10 +324,7 @@
<!-- fancybox -->
<% if (theme.plugins.fancybox) { %>
<%- partial('_third-party/fancybox') %>
<% } %>
<%- partial('_third-party/fancybox') %>
<% if (config.import && config.import.script){ %>
<% (config.import.script||[]).forEach(function(item){ %>

@ -1,12 +1,14 @@
<script src="<%- theme.plugins.fancybox.js %>"></script>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<script>
function pjax_fancybox() {
let LAZY_LOAD_IMAGE = "<%- config.lazyload %>";
let LAZY_LOAD_IMAGE = "<%= config.lazyload && config.lazyload.enable == true %>";
$(".article-entry").find("img").not('.inline').not('a img').each(function () { //渲染 fancybox
var element = document.createElement("a"); // a 标签
$(element).attr("pjax-fancybox", ""); // 过滤 pjax
if (LAZY_LOAD_IMAGE) {
if (LAZY_LOAD_IMAGE == true) {
$(element).attr("href", $(this).attr("data-original"));
} else {
$(element).attr("href", $(this).attr("src"));
}
$(element).attr("data-fancybox", "images");
var caption = ""; // 描述信息

Loading…
Cancel
Save