一、图片显示设置
1、要想文章中的图片能点击显示原图,我们在插入图片时,要在“附件显示设置”的“链接到”选择“媒体文件”,因为只有选择链接到“媒体文件”文件才能实现点击图片可以访问原图。这一步是非常关键,如果你插入图片时没有设置链接到“媒体文件”,发布文章后,图片是无法进行点击的。当然有些主题可能默认就是选择连接到“媒体文件”,那就无需自己收到设置。
2、如果你的主题之前插入图片不是默认选择链接到“媒体文件”,而自己也没有进行收到设置,看到蜗牛写的文章后,也想把文章图片能设置成能放大,怎么办?或过头来那么多图片一张张设置将是一个很大的工程,不科学。在这里为大家分享一种自动给文章图片添加原图链接的方法,当然不保证所有人使用都有效,大家可以尝试着试试。方法很简单,把下面代码添加到你主题“header.php”文件当中,位置是在“</head>”。
1 2 3 4 5 6 7 8 9 10 |
<script src="https://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('.entry img').each(function(i){ if (! this.parentNode.href) { $(this).wrap("<a href='"+this.src+"' class='highslide-image' onclick='return hs.expand(this);'></a>"); } }); }); </script> |
二、美化放大图片
1、按照上面的设置,如果不对图片进行美化的话,点击图片后直接会跳转打开一个图片原图的链接,同样会给访问用户带来不好的体验,于是推荐大家使用一款轻量型图片缩放插件——auto-highslide.zip,从而实现点击图片后通过幻灯片在原页面进行放大展示,再次点击图片就关闭展示。
下载地址 auto-highslide.zip
本站教程,未注明转载均为原创内容,仅做为学习参考使用,切勿用于非法及商业用途!造成的后果作者不承担任何责任!
如果转载请注明出处!oD^Blog
本文如果需要更新,或者失效请联系微信 : oldiy2018 【微信不解答任何问题,不接收任何红包!】
如果支持作者,请点击下方赞赏,支持一杯饮料!
如果有问题可以点击【加入电报群】和我一起沟通或者下方留言讨论!
赞赏微信赞赏支付宝赞赏
老大,guacamole是一个远程桌面代理的软件,群晖里面有这个容器,请问可以出个群晖下布置guacamole的文章吗?最新的是1.0版本的,本人linux的基础较差,弄半天都不知怎弄,谢谢。
好的我抽时间了解一下这个