搜索到
2
篇与
的结果
-
响应式图片灯箱插件 baguetteBox.js baguetteBox.js 是一个简单和易于使用lightbox图片灯箱纯JavaScript脚本，拥有图像放大缩小并带有相应的CSS3过度，并能在触摸屏等设备上完美展示。主要特点纯JS编写，无任何依赖支持多重画廊(Multiple-gallery)效果, 且允许自定义参数支持手势滑动(仅在支持多点触控设备上)现代简约风格图像字幕支持响应式的图像CSS3转换SVG按钮，没有额外的文件下载压缩后大约2.3KB浏览器兼容IE 8+ChromeFirefox 3.6+Opera 12+Safari 5+Sleipnir演示和下载官方下载： https://github.com/feimosi/baguetteBox.js在线演示： https://feimosi.github.io/baguetteBox.js/WordPress插件： https://github.com/mikejandreau/baguetteBox-WP （好像仅适用于WP插入的相册） -
WordPress 点击图片放大悬浮效果图片浮层代码 WordPress文章中点击图片放大悬浮效果 图片浮层相册轮播点击下一张图片代码在 header.php 添加以下代码<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />在 footer.php 添加以下代码<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>在 functions.php 添加以下代码/**图片灯箱自动给图片加链接**/ add_filter('the_content', 'fancybox'); function fancybox($content){ $pattern = array("/<img(.*?)src=('|\")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|\")(.*?)>/i","/<a(.*?)href=('|\")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|\")(.*?)>(.*?)<\/a>/i"); $replacement = array('<a$1href=$2$3.$4$5 data-fancybox="gallery"><img$1src=$2$3.$4$5$6></a>','<a$1href=$2$3.$4$5 data-fancybox="images"$6>$7</a>'); $content = preg_replace($pattern, $replacement, $content); return $content; }
