博客园中图片样式设置
对正文中的图片设置悬停放大
只需将下方代码贴进页面css即可~
详见:https://segmentfault.com/a/1190000018130969
.post img { cursor: pointer; transition: all 0.5s; } .post img:hover { transform: scale(1.3); }
图片的点击放大
直接在“页脚html代码”这栏粘贴如下代码即可。
详见:https://blog.csdn.net/weixin_34075551/article/details/93555200
<!-- lightbox的样式 --> <link href="https://blog-static.cnblogs.com/files/yadongliang/lightbox.css" rel="stylesheet"> <!-- lightbox.js核心代码 --> <script src="https://blog-static.cnblogs.com/files/yadongliang/lightbox-plus-jquery.js"></script> <script type='text/javascript'>$('#cnblogs_post_body img').wrap(function(){return "<a href='"+$(this).attr("src")+"' data-lightbox='example-set'></a>"});</script> <script type='text/javascript'>$(".code_img_closed").unwrap();</script> <script type='text/javascript'>$(".code_img_opened").unwrap();</script>