1. 秋硕笔记Home
  2. wordpress建站
  3. wordpress插件

WordPress点击图片放大效果插件版:Simple Fancybox

什么是fancybox

fancybox官网:https://fancyapps.com/fancybox/3/

自定义文档:https://fancyapps.com/fancybox/3/docs/

fancybox是一个JavaScript的lightbox效果插件,就是我们常说的图片灯箱效果。支持对放大的图片添加阴影效果,对于一组相关的图片添加导航操作按纽。

fancybox不光支持PC端,移动端同样支持;

实现的效果:

WordPress点击图片放大效果的实现方法
WordPress点击图片放大效果的实现方法

支持图片、html文本、flash动画、iframe以及ajax,支持自定义效果和功能。

也就是说使用fancybox你不单单可以给图片添加灯箱效果,也可以给html、视频这些内容添加灯箱效果,详细的内容你可以参考官网页面的下半部分,有详细的演示和创意用法。

提醒的是,fancybox根据 GPLv3许可证授权所有开源应用程序。 所有商业应用程序(包括您计划销售的网站,主题和应用程序)都需要商业许可证。

插件下载地址:https://wordpress.org/plugins/simple-fancybox/

安装好插件,启用,前台测试看看是否有效果,如果没有效果,是因为这个插件默认只是给图片img添加了data-fancybox=”gallery”属性,但是并没有添加a属性,所以需要给图片添加一个超链接到原图的属性。

当然了,你也可以通过以下代码方法实现点击图片放大效果:https://www.cuikaiyun.cn/wordpress-click-the-image-to-enlarge-the-code-version.html

本博客 [ 秋硕笔记 ] 内带有 原创 标签文章,均为秋硕独立创作。

撰文不易,转载请注明文章来源并保留原文链接:本文转载自 秋硕笔记

本文链接:https://www.cuikaiyun.cn/wordpress-plug-simple-fancybox.html

Leave a Reply

登录后才能评论