whatshot[网插]图片预览器

@读书顶个鸟用，js重复了两次

哦，两个不一样啊

一些没有操作DOM的JS外链(页面功能增强的代码)可以加上defer来避免减缓页面首次渲染速度，带有defer的js会延迟到DOM解析完成之后，但是在DOMContentLoaded事件触发之前执行，同时会严格按照书写顺序执行(不会破坏依赖关系)。
红米K30 Pro(变焦版)

@Curtion，GET，我调整下

@ponyoung，应该是可以的

@姜辰，确实，点击网页插件添加的表情列表也会触发预览。

@读书顶个鸟用，改成这样比较好，修复了无关图片（比如顶部Logo、网页插件添加的图片）触发预览的问题：

$(document).ready(function () {
    document.querySelectorAll('.userimg, .userthumb').forEach(img => (img.onclick = function () {
        // 链接中的图片不预览
        if (0 !== $(this).parents('a').length) return;

        let elem = $(this).parents('.user-content');
        elem = elem.length > 0 ? elem[0] : this;
        let viewer = new Viewer(elem, {
            hidden: () => viewer.destroy(),
            filter(image) {
                return image.matches('.userimg, .userthumb');
            }
        });

        viewer.show()
    }));
});

@老虎会游泳，OK已调整

@读书顶个鸟用，过滤器这样写可能更简单，13楼已更新：

filter(image) {
    return image.matches('.userimg, .userthumb');
}

@老虎会游泳， 已改，测试正常

@老虎会游泳，@读书顶个鸟用，为嘛我不能浏览下一张？明明帖子里图片很多的

@无名啊，代码限制为只获取当前楼层。你可以让@读书顶个鸟用 把

let elem = $(this).parents('.user-content');
elem = elem.length > 0 ? elem[0] : this;

改成

let elem = document.querySelector('body');

这样就能获取所有图片了。

注意，网页插件外链有5分钟缓存，修改后要等一段时间或者清除浏览器缓存才能生效。

@无名啊，已更新