一个超级好用的Fancybox图片暗箱

2018年4月3日 0 条评论 1.48k 次阅读 0 人点赞

这是我有史以来用过的最棒的图片暗箱工具,支持双指缩放,查看所有图片等等功能,不仅支持WordPress,还支持添加到任意HTML页面中,Fancybox 是一个 JavaScript 库,用于以优雅的方式呈现图像,视频和任何 HTML 内容。首先当然是下载Fancybox的js和css文件啦,把下面的引入地址改成你自己的即可。

官方食用教程

注意,要先引入jquery库,再引入fancybox.js文件,因为后者依赖于前者,引入顺序不能反了
WordPress下食用教程
先在header.php中引入fancybox对应的jquery库和其组件的css和js文件,看教程可知图片需要通过a标签的形式引入,data-fancybox="gallery",因此在WordPress中,我们需要把所有文章图片的a标签进行修改,把如下代码添加到functions.php文件最后一个 ?> 的前面

最后只需在文章中插入图片时选中链接到媒体文件

多图演示效果可见Photoshop美工作品合集

Hungway

If not me,who?If not now,when?