下文介绍的这个例子就是利用jquery来给我们的图片增加图片可点击的A标签原图址了,这们做非常的好,一面一起来看看.

由于xiaoxin我也是刚接触wordpress不久,很多东西也是在慢慢学习的过程,所以这个学习过程中的一些学习笔记,我觉得还是通过这种方式记录下来,因为这或许对我自己来讲也是一种成长的过程,过段时间回头看看,会发现慢慢积累的知识,也在不停的壮大,同时我相信来访问的游客,也需要一些知识来充电.

WordPress日志中插入图片附件显示设置中有四种选择分别是:自定义URL、媒体文件、附件页面和无,一般我们选择第二种链接到媒体文件,只有这样一些图片暗箱放大特效才能启用,但很多童鞋对WP基本功能不是很熟习,插入图片时根本就不知道去选择显示方式,当发现无法启用图片暗箱放大特效后,为时已晚,重新编辑文章不仅工作量大而且很麻烦,这里提供一个补救的方法.

添加下面的JS代码到主题header.php模版文件中,代码如下:

1. <script type="text/javascript">   
2. $(function() {   
3.     $('.entry img').each(function(i){   
4.         if (! this.parentNode.href) {   
5.             $(this).wrap("<a href='"+this.src+"' class='highslide-image' onclick='return hs.expand(this);'></a>");   
6.         } --phpfensi.com  
7.     });   
8. });   
9. </script>  

该脚本会检查文章中的图片是否包含了链接,如果没有,会自动为图片添加链接到原图,修改其中的.entry 为你主题正文的CSS类.

如果你的主题未加载jquery.js库文件,代码将无效,可以将这句代码加到上面:

<script src="/jquery/1.7.2/jquery.min.js"></script>

Tags: WordPress文章图片 原图url链接

分享到：