评论：强大的jQuery图片查看器插件Viewer.js  [查看原文]

水田0
2023/6/8 15:39:50
可以手动增加

移动端没法用

与众不同0
2024/1/29 9:08:49
同问，这个怎么解决啊

荆棘1
2021/6/25 17:50:26
解决了，在viewed回调中，强制viewer.zoomTo(1); 比例就可以了

摧残你的柔弱0
2021/2/25 17:11:50
同问？请问解决了吗

和你，赏日落0
2021/10/8 16:29:52
请问解决了吗😥

tongxunlu3
2021/12/23 10:07:31

提供一个思路，
1.在iframe页面，
给父页面动态插入 viewer.js和css
插入dom到父页面，并隐藏这个dom


window.top.$("#jq22").empty().append(`
    <li><img src="img/tibet-1.jpg" alt="图片1"></li>
    <li><img src="img/tibet-2.jpg" alt="图片2"></li>`)

2.iframe页面


function initViewer(idStr) {
    var id = window.top.document.getElementById(idStr)
    var viewer = new window.top.Viewer(id, {
            ....
        }
    });
return viewer
}

3.iframe页面


viewer=initViewer("jq22")

当前页面自己写一个列表，（主要用iframe进行交互，主页面viewer的dom隐藏不用显示）
并绑定事件点击事件，点击图片时获取index， 用这个方法 激活父页面的

viewer =》viewer.view(index);

tongxunlu0
2021/12/23 10:10:20
我用的原生版，代码细节可能有遗漏，
要想全屏思路是，在iframe页面做点击图片交互，在父页面跑viewer.js

BattleofLexington0
2020/9/26 13:38:42

和你用的什么程序无关，调用问题，请认真检查。