antdesign图片点击放大_博客园图片点击放大功能

功能效果

操作步骤：

1. 下载压缩包，并解压：

2.更改引用图片名称，并上传至博客园(4张图片)

将这四张图片重命名并通过后台上传到博客园文件，因为png后缀文件不支持上传，我这里将png后缀的图片改为了ico后缀

3.修改css文件中相应图片的路径，并上传至博客园(1个文件)

修改lightbox.css文件中的“background: url”，和刚上传的四张图片路径一一对应，保存lightbox.css并上传。

(这两个文件内容完全一样，mini只是压缩版本)

注意：一定要把路径放对

4.上传lightbox-plus-jquery.js(1个文件)

共上传了6份文件，js、css与4张图片。

5.引用上传的css和js文件

在“页脚html代码”一栏引入刚上传的css和js文件

(复制下面代码就可以，博客园需申请js权限)

6.保存，查看效果，大功告成！！！