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

LIKE OR SHARE IT:

admin发表于Code目录下,标签为,转载请保留链接

下一篇: »
TOP DOWN
发表评论

您必须 [ 登录 ] 才能发表留言!

  1. 沙 发 xsinger

    沙发

    五月 15, 2013 14:45:03
  2. 板 凳 林木木

    我是来看照片的。。。

    五月 15, 2013 14:45:57
  3. 地 板 ChoJemmy

    这个可以用到,没有直接在大图中点某个地方看下一张图的大图?

    五月 15, 2013 14:54:24
  4. 地 毯 不亦乐乎

    原来那一片是置顶的啊,我以为一直没更新呢。。。

    五月 15, 2013 16:19:03
  5. 地 面 不亦乐乎

    两张可以一起放大,没有下一张上一张。

    五月 15, 2013 16:21:19
  6. 地 下 xyixyixyi

    咋···跟我女朋友一样,你多高?

    五月 15, 2013 17:44:28
  7. 7 楼 跑调的包子

    图片是用来缓解看代码过后产生的糟糕心情 :p

    五月 15, 2013 18:35:34
  8. 8 楼 yxiao

    代码看的不是太懂。。

    五月 16, 2013 10:30:06
  9. 9 楼 张书杨

    建议:
    给图片再加个边框美化;
    点击非图片区域,图片还原;

    五月 16, 2013 12:40:29
  10. 10 楼 Arch!Tech

    这张好看~

    五月 16, 2013 14:43:54
  11. 11 楼 衣服网

    是什么主题啊,我只看见图片了,

    五月 16, 2013 15:45:53
  12. 12 楼 Tokin

    有没有不链接到图片就能点击方法版啊…

    五月 16, 2013 18:58:01
  13. 13 楼 胡倡萌

    情侣装(^o^)/~

    五月 16, 2013 20:03:25
  14. 14 楼 打撸面神父

    牙牙可爱

    五月 17, 2013 00:57:43
  15. 15 楼 夜枫

    居然自拍…我看到你的牙齿了~~~(*^__^*) 嘻嘻…… 居然木有表情~~~~

    五月 17, 2013 16:26:25
  16. 16 楼 夜枫

    开始看了正文…看了之后, 我有个问题想请教你蝴蝶,js正则怎么获取字符串中的图片,比如字符串是介样的”http://xxx.xx/xx.jpghttp://xxx.xx/xx.jpghttp://xxx.xx/xx.jpg”然后正则获取后图片地址后放到数组中…..跪求姐的指导….

    五月 17, 2013 16:32:36
  17. 17 楼 郑永

    情侣装,对啊。。

    五月 17, 2013 20:30:47
  18. 18 楼 小蝴蝶

    头像里也出现过啊 哈哈

    五月 19, 2013 23:01:40
  19. 19 楼 woween

    能把男的p掉么

    九月 30, 2013 18:21:02
  20. 20 楼 woween

    xp尽然这个提示……

    十月 1, 2013 11:34:08