WordPress纯代码实现点击图片放大效果

步骤一:

在主题模板文件header.php页头 <head></head> 中添加以下代码:

<!-- 图片放大css样式调用 -->
<link rel="stylesheet" href="https://www.moxiaoseo.com/wp-content/themes/modown/static/css/jquery.fancybox.min.css">

步骤二:

在主题模板文件footer.php页头<head></head>中添加以下代码:

<!-- 图片放大js样式调用 -->
<script type='text/javascript' src='https://www.moxiaoseo.com/wp-content/themes/modown/static/js/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;
}

效果展示:可直接点击图片

 
0
分享到:
  • 注意:本站所有教程及软件纯属免费分享,请学会感恩作者,无脑喷子永封IP段+删帐号所有评论,不喜欢请右上角点X。

  • 版权声明:我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,请编辑邮件并加以说明发送到站长邮箱。站长进行审查之后,情况属实的会在24小时内为您删除。

  • 免责声明:本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

  • 附:二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!

评论0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
没有账号? 忘记密码?
'); })();