使用zoom.js设置博客园图片放大缩小


在写博客园时有时会插入图片,如果图片太大放在博客区域里可能不太清晰,我们可以点击图片使其放大。

首先下载zoom,js下载地址(github):https://github.com/jackmoore/zoom

选出zoom.js和zoom.css文件 上传到博客园的文件中

设置博客园的html和js代码(没有js权限的,要先申请js权限)

<!-- jQuery 的 cdn -->
<script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script>
<!-- Bootstrap 的 transition.js cdn(过渡动画插件)-->
<script src="https://cdn.bootcss.com/bootstrap/3.2.0/js/transition.js"></script>
<!-- zoom.js 核心代码 -->
<script src="https://blog-static.cnblogs.com/files/lpp-11-15/zoom.js"></script>    /*这个属于自己上传后复制的URL*/
<script type=‘text/javascript‘>$(‘#cnblogs_post_body img‘).attr(‘data-action‘, ‘zoom‘);</script>
<!-- zoom.js 的样式 -->
<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/lpp-11-15/zoom.css">  /*这个属于自己上传后复制的URL*/

<script type='text/javascript'>$('#cnblogs_post_body img').attr('data-action', 'zoom');</script>

即可

优质内容筛选与推荐>>
1、【Oracle】RAC删除节点
2、hibernate13HQL查询2
3、USACO Section 1.2 : Dual Palindromes
4、select into from 和 insert into select
5、查看一条最新的数据库数据--方法


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号