在wordpress中为图片添加lightslide效果基本上是必须的，这样可以提高用户体验，当然有的主题是内置了这一功能，但是有的主题确实不包含该功能，本站主题就不包含该功能，之前使用的插件是lightbox-plus，约2M，严重限制了网站加载速度，且该插件很多冗余功能，界面如下：

一次偶然机会，发现了如下插件，light-highslide，满足了基本功能，而且代码简洁到只有80kb，果断换之。

PS：light-highslide插件原理很简单，通过判断是否文章中存在图片，然后加载lightslide效果，大家也可以尝试将插件无代码化处理到function文件中。该插件的核心代码如下：

1. function if_link2img($content){
2.    /**
3.     * light-highslide by xiaohudie
4.     * coder: xiaohudie
5.     * 2013-05-11
6.     */
7.     global $post;
8.     $pattern = “/<a(.*?)href=(‘|”)([^>]*).(bmp|gif|jpeg|jpg|png)(‘|“)(.*?)>(.*?)</a>/i”;
9.     $pcontent =  $post->post_content;if( preg_match_all($pattern, $pcontent, $match)  ) {
10.         //load css and js
11.     }
12. }
13. add_filter(‘wp_footer’, ‘if_link2img’);

light-highslide下载

SKY..fly..免责申明

1、本站资源从网络或书籍整理而来，仅供学习和研究使用，不得作任何商业用途！

2、如本站不慎侵犯您的版权请联系SKY，我将及时处理，并撤下相关的展示内容！

3、本站提供大量医学健康信息，如需原始文件，可以向站长SKY索要，请勿传播！

Download-UR List（下载地址列表）

网盘下载

如有任何问题，请与我联系，点击留言板给我留言

Related Posts

转载原创文章请注明，转载自：SKY..fly..[www.sky.gs]

本文链接: https://www.sky.gs/websites/phpwordpress/wordpress-plugin-light-highslide.html

Leave a Reply