fengyuanchen / viewerjs

JavaScript image viewer.
https://fengyuanchen.github.io/viewerjs/
MIT License
7.73k stars 1.24k forks source link

只有少部分Mac用户会出现点击展示的图片正确显示弹窗和toolbar,但是弹窗内没有图片,有遇到过这种情况的吗?可否给个排查的思路 #628

Open baixjian opened 4 months ago

baixjian commented 4 months ago

浏览器用Chrome Safair Edge 都是如此情况 Screenshots

image image

import Viewer from 'viewerjs';

    const defaultBaseOption = {
        navbar: false,
        title: false,
        toolbar: {
            zoomIn: 4,
            zoomOut: 4,
            prev: 4,
            next: 4,
            reset: 4,
            oneToOne: 4
        }
    };
    document.querySelectorAll('.vp-doc img').forEach((item) => {

        item.onclick = () => {
            const viewer = new Viewer(item, {
                ...defaultBaseOption,
                ...option,
                hide(e) {
                    viewer.destroy();
                }
            });
            viewer.show();
        };
    });
`
fengyuanchen commented 4 months ago

建议关闭注销的 hide 钩子换成 hidden 钩子试试。

Spectature commented 1 month ago

windows也复现了,windows关闭动画效果后复现上出问题,打开动画效果后正常显示 image

fengyuanchen commented 4 weeks ago

@Spectature 禁用浏览器动画视觉效果后,需要同时通过设置 transition 选项为 false 告诉 Viewer.js 禁用过渡动画。