适用于Typecho文章的图片放大插件pScaleUpPlus

教程经验 · 28 天前 · 119 人浏览
又想搞个好看精简的博客主题,又想多功能,只能用插件来凑了~
这次是从网上看到的 @梁先生呀 大佬编写的图片放大插件,但是功能也较为精简,因此在这个项目基础上进行了Fork,增加了一些功能...

以下内容来自该项目的Readme Github:yanhy2000/pScaleUp_plus

简介

· 一个Typecho插件,用于文章中的图片放大,适用于一些简洁主题不支持图片放大查看的情况。
· 该分支为增强版pScaleIP,修了一些小问题并增加一些特性。
· 插件的文件夹名是 pScaleUpPlus。

安装方法

  • 放到插件目录下后台,文件夹改名为pScaleUp,随后启用即可,后台可设置放大倍数。
  • 点击图片就可以放大了,点其他地方还原。
  • tab键可以直接翻下一张图片。

修改内容

v2.0.1

  • 删除特定的class="no-scale"属性判断,预览仅使用正文的内容
  • 修改部分小细节,删除部分动画增加效率

v2.0.0

  • 修复预览时可以点击页面任何图片的bug,现在预览图片只会打开文章内的图片
  • 重构插件整体结构重新构建编写
  • 增加当预览时使用按钮或者方向键切换时,到第一或最后一张隐藏前进后退按钮
  • 插件改名为pScaleUpPlus

v1.1.3

  • 增加对不需要预览放大的图片增加class="no-scale"即可忽略图片,适用于网站logo等图
  • 计划重构

v1.1.2

  • 增加鼠标滚轮放大缩小
  • 适配移动端触控双指放大和平移

v1.1.1

  • 图片放大时可以点击任何地方或者使用ESC关闭
  • 图片放大后可以左右切换图片,也可以使用方向键切换
  • 图片放大后正下方显示图片的title属性

v1.1.0

  • 点击图片使用全屏放大
  • 放大时带有背景模糊
  • 图片加边框
  • 修复图片放大时容易被一些主题的其他元素遮挡,修改为置顶显示

使用效果

示例图片

Theme Jasmine by Kent Liao
beian
皖公网安备34122202000364号