highslide轻巧灵动版

主要特色:

  1. 只在有图片的文章/页面加载
  2. 样式精简和修改

文件:

  1. highslide.packed.js 26kb (也可以加载官网js: http://highslide.com/highslide/highslide.packed.js,不过感觉不是很快,建议放本地)
  2. light-highslide.php 6kb
  3. expand.png 4kb (一个可有可无的小图片)

一些核心代码:

判断文章/页面是否有[链接到图片的]图片

function if_link2img($content){
   /**
    * light-highslide by 
    * coder: xiaohudie
    * 2013-05-11
    */
    global $post;
    $pattern = "/<a(.*?)href=('|")([^>]*).(bmp|gif|jpeg|jpg|png)('|")(.*?)>(.*?)</a>/i";
    $pcontent =  $post->post_content;if( preg_match_all($pattern, $pcontent, $match)  ) {
        //load css and js
    }
}
add_filter('wp_footer', 'if_link2img');

DEMO:

13 - 1 (1)DSC02501

下载地址: DOWNLOAD

39 Comments

Name *

E-mail *

Website

  1. sky

    功能不错,可以采用最新的highslide的js文件覆盖该插件的js,效果会更理想