kratos icon indicating copy to clipboard operation
kratos copied to clipboard

请问如何禁用图片灯箱功能

Open g93920079 opened this issue 2 years ago • 8 comments

感觉主题自带的灯箱功能有点弱,想通过插件实现灯箱效果,但是启用了插件后会导致和原灯箱效果重叠

g93920079 avatar May 13 '22 09:05 g93920079

主题设置轮播图删除所有项

n0099 avatar May 13 '22 10:05 n0099

主题设置轮播图删除所有项

大佬,我只找到首页轮播,能再说的详细点吗? 1652444634(1)

g93920079 avatar May 13 '22 12:05 g93920079

您说的灯箱是指什么

n0099 avatar May 13 '22 16:05 n0099

您说的灯箱是指什么

就是鼠标点击图片,图片会放大,然后背景变黑那种

g93920079 avatar May 14 '22 01:05 g93920079

建议换https://github.com/fengyuanchen/viewerjs cc @seatonjiang

n0099 avatar May 14 '22 08:05 n0099

建议换https://github.com/fengyuanchen/viewerjs cc @seatonjiang

请问大佬,有更换步骤吗?

g93920079 avatar May 14 '22 14:05 g93920079

我是说建议主题作者换成这个库

n0099 avatar May 15 '22 01:05 n0099

目前这个效果真的拉跨!

jalena avatar Jun 14 '22 01:06 jalena

@jalena @g93920079 新增了一个灯箱的控制开关,后期考虑更换一个效果更好的,更新新版本即可。

image

seatonjiang avatar Nov 27 '22 12:11 seatonjiang

@jalena @g93920079 新增了一个灯箱的控制开关,后期考虑更换一个效果更好的,更新新版本即可。

image

给力。

jalena avatar Dec 16 '22 16:12 jalena

建议换fengyuanchen/viewerjs cc @seatonjiang

请问大佬,有更换步骤吗?

  1. 通过wp的js/css依赖树管理(wp_enqueue_scriptwp_enqueue_style) 或 直接在header.php里加
  2. 在您子主题主js(必定enqueue的js)中添加以下js:
$(window).on('load', () => {
    if (window.Viewer === undefined) return;
    const imgContainer = document.querySelector('.article .content');
    if (imgContainer === null) return;
    window.viewerjs = new Viewer(imgContainer, {
        url: imgEl => imgEl.getAttribute('data-src') || imgEl.getAttribute('src'),
        inheritedAttributes: ['decoding', 'loading', 'data-src', 'class']
    });
});

n0099 avatar Dec 17 '22 11:12 n0099