0
点赞
收藏
分享

微信扫一扫

网页图片放大工具插件

码农K 2021-09-24 阅读 43
前端

图片预览插件

引入JS CSS

 <link rel="stylesheet" th:href="@{plugins/PreviewUrl/photo.css}">
<!--图片预览-->
<script type="text/javascript" th:src="@{/plugins/PreviewUrl/jquery.rotate.min.js}"></script>
<script type="text/javascript" th:src="@{/plugins/PreviewUrl/photo.js}"></script>

JS代码

#在图片加载完之后,调用此方法即可
viewPic()
//图片预览
function viewPic() {
    $('[data-magnify]').Magnify({
        Toolbar: [
            'prev',
            'next',
            'rotateLeft',
            'rotateRight',
            'zoomIn',
            'actualSize',
            'zoomOut'
        ],
        keyboard: true,
        draggable: true,
        movable: true,
        modalSize: [100, 500]
    });
}
举报

相关推荐

0 条评论