评论：功能强大的jQuery图片查看插件Magnify  [查看原文]

有●若无□1
2018/9/29 15:43:25
modalWidth: 500, //默认查看器宽
modalHeight: 300//默认查看器高

nzb3290
2018/9/7 13:47:45
IE 还想不支持

哄着自己玩0
2018/9/19 19:11:57
什么年代了 还抱着ie不放

modalWidth: document.documentElement.clientWidth,
modalHeight: document.documentElement.clientHeight,

设置了点击图片模态框自动充满整个屏幕，但是图片并没有充满屏幕，而且是靠右显示的，请问怎么设置图片充满整个模态框。

nzb3290
2018/9/6 9:33:02
直接设置最大化参数不行吗

引用了图标，但是放大和关闭图标始终没有（鼠标指到右上角会改变背景颜色，但是没有图标），而且在

var options = {
    draggable: true,
    resizable: true,
    movable: true,
    keyboard: true,
    title: true,
    modalWidth: document.documentElement.offsetWidth,
    modalHeight: document.documentElement.offsetHeight,
    fixedContent: true,
    fixedModalSize: false,
    initMaximized: false,
    gapThreshold: 0.02,
    ratioThreshold: 0.1,
    minRatio: 0.1,
    maxRatio: 16,
    headToolbar: ['close'],
    footToolbar: ['zoomIn', 'zoomOut', 'prev', 'fullscreen', 'next', 'actualSize', 'rotateRight'],
    multiInstances: false,
    initEvent: 'click',
    initAnimation: true,
    fixedModalPos: false,
    dragHandle: '.magnify-modal'
};

这里面把放大图标删除了还是在右上角，求回复

H。0
2018/8/22 15:21:48

head里面引用的图标


<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

nzb3291
2018/8/8 22:37:37
fixedContent: false

张开大嘴儿?0
2018/8/14 17:07:02

好像不是太好使，图片每次点开都固定在页面头部，虽然可以拖动，但是不随页面拉动而发生位置变化
这是我的配置：


$(function() {
    $('[data-magnify]').magnify({
        fixedModalSize: true,
        multiInstances: false,
        fixedContent: true,
        modalWidth: 600,
        modalHeight: 480,
        title: false,
        headToolbar: [
            'close'
        ],
        footToolbar: [
            'zoomIn',
            'zoomOut',
            'prev',
            'fullscreen',
            'next',
            'actualSize',
            'rotateRight'
        ]
    });
});

nzb3290
2018/8/17 11:13:33
不是很明白你的需求，如果是想在拉动页面的时候保持 modal 的位置，可以设置 modal 的CSS (position: fixed)

张开大嘴儿?0
2018/9/12 15:35:21
是这样的，谢谢~

nzb3290
2018/8/8 22:36:40
什么叫json图片，只要是合法地址应该就没问题

nzb3290
2018/8/1 13:40:28
不能啊

微笑的季节0
2018/6/27 11:57:17
上面描述有误 重新写一下
-----------------------------------------------
是里面包含一个子，然后图片在子ifreme，当点击放大图片后阴影没有将父ifame盖住

微笑的季节0
2018/6/27 11:57:59
好奇怪 这个文本输入框会过滤掉 i f r a m e这个单词

nzb3290
2018/6/27 17:11:06
最好给个在线示例看一下

nzb3290
2018/6/26 11:44:33
试试 zIndex 这个参数

nzb3290
2018/6/10 15:22:30
可以使用插件的回调函数

末归0
2018/6/11 13:59:16
multiInstances禁用多实例化就可以了是吧

nzb3290
2018/6/21 18:08:22
当然可以

末归0
2018/6/22 15:23:13
请问下有刷新的方法么

nzb3290
2018/5/31 17:51:49
建议从官网下载最新代码

杜0
2018/6/1 8:22:12
Bootstrap 和Jq的版本有要求的么

nzb3290
2018/6/1 17:26:50
和 bootstrap 没有关系，只要 jquery 的版本不是太低就可以

杜0
2018/6/4 14:25:32
使用demo里的jq可以，但使用我本地项目的jq不行，我本地的是3.1.1

nzb3290
2018/5/30 12:06:27
为什么 append，问题可以具体一点

nzb3290
2018/5/10 10:01:05
可以将文件下载下来，放到自己的目录中

珠穆雪峰?0
2018/5/10 10:40:41
我指的是光下载font-awesome.css这个是无效的,对应的切图都没有啊,我想要一整套,不好找,哈哈...谢谢大神的回复!

WanHu0
2018/5/16 11:53:38
除了CSS文件，还需要相应的tff文件；你可以在fa的这个网址看看：http://fontawesome.dashgame.com/

nzb3290
2018/5/3 10:34:45
看一下引用的 font-awesome 的版本，老版本可能没有这几个图标

??0
2018/5/4 11:22:57
引用的就是新版本的