..start..fly..

扫一扫
Guestbook

Home / PHP & Wordpress / 给wordpress的lightslide瘦身–light-highslide

<< wordpress网站中404页面同样重要解决wordpress评论框can't find the'commentformid' div.错误 >>

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

lightbox

一次偶然机会,发现了如下插件,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’);

Related Posts

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

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

QR:  给wordpress的lightslide瘦身–light-highslide

Leave a Reply

Code (☆)5+2=?


Websites powered by Wordpress6.0 Copyright © 2009-2022 - All Rights Reserved   SKY..fly..  Mobile Theme