先弄明白B2的灯箱代码用的是什么JS特效,我们找到目录下 main.js (这个文件包含了所有b2需要初始化的js信息),一打开我们就可以看到这行代码
var b2zoom = new Zooming(….)
那我们简单搜索一下就可以知道,以下这些信息:
Zooming 是一款纯 javascript 图片缩放库,主要特点有:
- 不依赖其他库,纯 JavaScript 实现,支持移动设备;
- 流畅的动画;
- 可缩放高清图像;
- 易于集成和定制。
简单来说,除了b2使用的scaleBase,scaleExtra,customSize这些属性,你还可以使用一些事件比如onOpen,onClose,onRelease,onBeforeOpen等等…
查看演示如果你发现自己原有文章的图片,无法放大到合适比例,或者图片太小,建议检查下面的设置。
1、B2后台模块管理->文章内页->是否使用主题自带文章内图片点击放大功能->开启;
2、确保文章图片->尺寸->完整尺寸;
3、图片->链接到->无 ;
4、2-3步骤可直接用代码代替:
add_action( ‘after_setup_theme’, ‘default_attachment_display_settings’ );
function default_attachment_display_settings() {
//update_option( ‘image_default_align’, ‘left’ );
update_option( ‘image_default_link_type’, ‘none’ );
update_option( ‘image_default_size’, ‘full’ );
}