当前位置: 首页 > 生活记录 > 正文

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,如果是其他的请加入。

品牌:Canon 型号:Canon EOS 6D 镜头:EF24-70mm f/4L IS USM 焦距:70mm 光圈:f/4.0 快门速度:1/80 ISO:640 创作者:Mr.He

参考资料:

相关文章推荐

发表评论

[点击取消回复]

电子邮件地址不会被公开。 必填项已用 * 标注

Gravatar

? razz sad evil ! smile oops grin eek shock ??? cool lol mad twisted roll wink idea arrow neutral cry mrgreen

《typecho显示exif信息》有 11 条评论

  1. 木瓜园
    地板

    我一般都会特意去掉exif

    2017-10-25 12:25 来自上海市 回复
    • Mr.He
      Mr.He

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

      2017-10-25 14:58 来自安徽省 回复
  2. 老虎
    板凳
    老虎8

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

    2017-10-16 09:03 来自江苏省 回复
    • Mr.He
      Mr.He

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

      2017-10-16 10:10 来自安徽省 回复
    • 不亦乐乎

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

      2017-10-16 17:15 来自福建省 回复
  3. 姜辰
    沙发
    姜辰5

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

    2017-10-14 12:49 来自美国亚利桑那 回复
    • Mr.He
      Mr.He

      @姜辰也想实现这个功能是吗

      2017-10-14 23:03 来自安徽省 回复
      • 姜辰
        姜辰5

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

        2017-10-15 00:03 来自美国亚利桑那 回复
        • Mr.He
          Mr.He

          @姜辰ps并没有去除exif信息

          2017-10-15 08:58 来自安徽省 回复
          • fooleap

            @Mr.HePS 得在导出时保留元数据,才会保留 EXIF 信息。

            2017-10-15 09:56 来自广东省 回复