typecho显示exif信息

此文所显示方式是@fooleap提供,感谢,所用原理见[1],老何是代码盲,不懂,有兴趣的同学可以去看看。

好久之前做过,后来更换主题丢失,再次请教@fooleap,赶紧把方法记录下来,用以备忘。

前提条件,需要使用七牛作为图床,文件类型为jpg,试了一下在IE里是无法显示的。

步骤很简单:

一、下载js文件(文件在哪里?找不到?别试了,哈哈),放置在主题js目录下,在头部引用。

     <script src="<?php $this->options->themeUrl(); ?>js/jquery.qnexif.js"></script>

二、在post.js文件插入以下代码:

 $('.post img[src$=jpg]').qnexif();

完成,是不是非常简单?

如果你的主题文件没有post.js,我也不知道放在哪里了,别问我,问@fooleap,^_^

例图,把鼠标放在图片上,有没有高大上的感觉?

更新:
经过老何的不断摸索,主题必须要先引入Jquery.js,然后可以在post.php文件加入

     <script>  
    $('.post img[src$=jpg]').qnexif();
    </script>  

注意代码,文章内容块需要时class=post,如果是其他的请加入。

参考资料:

已有 11 条评论

  1. 姜辰

    呃?这个玩的我一脸懵逼。

    姜辰 ·  Windows 10  · Firefox · 回复
    1. Mr.He

      也想实现这个功能是吗

      Mr.He ·  Android 7.0 · Google Chrome · 回复
      1. 姜辰

        是很想。。。但是我的图片基本基于PS,估计看不出啥啊

        姜辰 ·  Windows 10  · Firefox · 回复
        1. Mr.He

          ps并没有去除exif信息

          Mr.He ·  Windows 10  · Google Chrome · 回复
          1. fooleap

            PS 得在导出时保留元数据,才会保留 EXIF 信息。

            fooleap ·  Mac OS X 10.13.1 · Google Chrome · 回复
  2. 老虎

    不爽有两点:1.要用七牛,万一哪天倒闭了咋办。2.没有wp版。

    老虎 ·  Mac OS X · Safari · 回复
    1. Mr.He

      七牛的图片只是备份,我的服务器上还有一份;wp的相关插件很多啊。

      Mr.He ·  Windows 10  · Google Chrome · 回复
    2. 不亦乐乎

      js的东西和wp不wp没关系吧。

      不亦乐乎 ·  Windows 10  · Google Chrome · 回复
      1. Mr.He

        对的,这个无论什么程序都可以使用,只要是php

        Mr.He ·  Windows 10  · Google Chrome · 回复
  3. 木瓜园

    我一般都会特意去掉exif

    木瓜园 ·  Windows 7  · Firefox · 回复
    1. Mr.He

      各有爱好吧,这个功能比较合适摄影爱好者。

      Mr.He ·  Android 7.0 · Google Chrome · 回复

发表新评论

关于博主
博主本姓何,育人廿一载。
我住长江边,君自四海来。
文字不修饰,实是无文才。
飞絮落叶雪,只待梨花开。
博客分类
随机推荐
最近评论
站点统计
  • 文章总数:179篇
  • 评论总数:4880条
  • 网站运行:1663天