wp网页中的图片弹出效果怎么做
一直以来本博客的图片都是取消超链接的,因为之前没做特效,点击进去就是一个图片,今天特意为图片添加了一个弹出效果。那么,对于网页中的图片弹出效果怎么做?对于我这个做网站优化的半拉子技术还是有点难度的,不过功夫不负有心人,经过折腾还是实现了。下面来看看,如果你也有需要就直接照着做吧。
wp网页中的图片弹出效果怎么做? 我选择利用fancybox 实现弹出效果。网上很多资料都使用lightbox,但是我使用了之后发现弹出图片的大小无法随着屏幕的大小而该改变,而我的事响应式主题,当然这就有点不完美了。也有人推荐使用Fancybox这款相册插件,但是本人一向不怎么喜欢用插件,除非无法更改或者非插件不可。
下面来介绍非插件实现弹出功能:
下载地址:http://fancyapps.com/fancybox/
下载下来以后解压出来文件,把文件中的source文件夹的文件放在你的空间,建议独立建立一个文件夹放在根目录,我的直接是改source为fancybox然后上传到了根目录。当然,你想怎么给文件夹怎么起名都可以。
需要修改的文件是functions.php和header.php
1、打开你的函数文件functions.php,在 ?> 之前添加如下代码:
[cc lang="php"]
//fancybox 自动对图片链接添加rel=fancybox属性
add_filter('the_content', 'pirobox_gall_replace');
function pirobox_gall_replace ($content)
{ global $post;
$pattern = "/<a(.*?)href=('|\")([^>]*).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>(.*?)<\/a>/i";
$replacement = '<a$1href=$2$3.$4$5 rel="fancybox"$6>$7';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}
[/cc]
解析:此功能在添加文章后,会对文章中的图片自动加上一个rel=fancybox的属性,用来初始化筛选图片。
再打开你的header.php文件,在<head> </head> 调用js或者css的link处添加如下代码:
[cc lang="js"]/js/fancybox/jquery.fancybox.css" />
[/cc]
解析:这个不用说都知道吧,加载所需的文件。操作到这里就已经完成了,可以去发布文章看看效果了。
注意事项A:忽略了服务器主机类型不出现效果,比如刚下载下来的文件名是fancyBox,但是在文件中调用的url中是fancybox,不出现效果。
处理方法:若是linux或unix主机,检查路径文件名和实际文件夹名是否一致(包括大小写),因为这两种主机中大小写是有区别的。(博主在做的时候就犯了这个错,呵呵)
注意事项B:使用jQuery(“a[@rel*=fancybox]“)作为选择器条件时出现“Syntax error, unrecognized expression: a[@rel*=fancybox]”错误
处理方法:将”a[@rel*=lightbox]“替换成”a[rel=fancybox]“即可,出现原因是因为jquery的版本导致的
注意事项C:使用$(“.gallery a”)和$(“a[rel=fancybox]“)提示找不到对象错误
处理方法:将“$”替换成”jQuery”即可
本文小结:
wp网页中的图片弹出效果怎么做?经过一番鼓捣,终于做好了这个非插件实现WordPress图片弹出效果,喜欢的朋友可以试试。
黄飞鸿热灸馆加盟项目,整店输出模式,专业热灸加盟技术培训,一个专业做中医养生的连锁品牌。源自黄飞鸿的嫡孙继承了黄飞鸿先生的遗志,多年来一直坚定不移地致力于大健康产业,并创立了黄飞鸿热灸馆;主要业务服务有黄飞鸿热炙理疗,黄飞鸿热炙理疗馆加盟,黄飞鸿理疗馆,黄飞鸿热灸,黄飞鸿养生馆加盟,黄飞鸿养生馆加盟,黄飞鸿热灸馆,黄飞鸿热灸体验馆,黄飞鸿热灸馆加盟,黄飞鸿热灸理疗馆,黄飞鸿热灸膏
TokenPocket钱包支持数字资产存储。每天走势掌握,功能强大,在线管理数字货币,超多币种推送,多种交易方式,私钥用户自持且轻便易用的以太坊轻钱包。tp支持多资产类型,如:TokenPocket、ETH、QTUM、AE、BTM等大多数主流币种,让tp钱包更好地融入你的生活。
浙江丰安齿轮股份有限公司成立于1999年1月,是一家集开发、设计、制造、销售服务为一体的齿轮专业制造商,占地面积93亩,总资产3亿余元,主要设备400余台。公司于2017年1月在“新三板”挂牌,股票代码870508。公司以精湛的技术、过硬的品质、优良的服务来赢得客户满意,努力打造业界一流齿轮制造企业。
我公司系高新技术企业,专业从事空气净化的产品生产、工程服务及洁净技术的应用与研究,提供从空调处理设备、空调自动控制系统到洁净室系统全面服务,为各类工业用空气处理提供一揽子解决方案及交钥匙工程。 产品遍及全国几十个省市,并出口至巴基斯坦、伊朗等国家。我公司在化纤工艺空调领域精耕细作20余年,2001年进入医药、电子等行业的净化空调设备。 本公司拥有雄厚的技术力量和良好的售后服务,承接系统设计、技术咨询、产品制造、技术改造等项目。设备采用工业计算机、可编程序(PLC)控制器、数字直接控制器(DDC)等智能控制器,可实现节能显著的运行系统(节能策略有:新回风的焓值控制、二次回风、送风机的变频调速;非露点控制方案在过渡季节节能50%。在化纤纺丝行业采用的节能措施,同样可在医药行业的净化空调上使用);采用与国际惯例接轨的CAD设计和质量保证体系。
双友科技为客户提供直缝埋弧焊管生产线、直缝高频焊管生产线、螺旋埋弧焊管生产线、钢管内外防腐生产线,石油套管生产线,热处理生产线以及其他系列产品。同时公司致力于为高端铝业服务,为客户提供更为高效,节能,环保,安全的铸铝生产线及其相关设备。公司积极推进国际化发展战略,逐步实现品牌、市场、团队、技术、管理与国际化标准接轨。此外,公司与众多国际知名管材和铝材生产商建立了紧密的合作关系,在中东设立了海外分支机构。双友科技旨在将中国的高端制造带给世界。
南京三超新材料股份有限公司成立于1999年1月,注册资本9360万元,2017年4月21日,在深圳创业板成功挂牌上市。占地面积130亩,建筑面积约86,000平方米。是一家专业从事金刚石、立方氮化硼工具的研发、生产与销售的高新技术企业,现拥有金刚石砂轮和金刚石线两大类相互协同的产品系列,应用于硅、蓝宝石、石英、铁氧体、钕铁硼、陶瓷、玻璃、硬质合金等硬脆材料的精密切割、磨削与抛光。 公司自成立以来,始终坚持"以人为本、技术优先"的发展理念,先后引入多名外籍专家,并在日本成立了超硬材料工具的专业研发机构。经过多年研发,公司成为国内最早通过自主研发掌握金刚线制造的相关技术,成功实现产业化的企业之一,并且打破了国外企业的技术垄断,与新研发成功的硅片背面减薄砂轮、硅片倒角砂轮、PAD修整器等产品,为半导体及太阳能光伏行业提供了优质的金刚石工具,并凭借良好的品质与高性价比,赢得了众多实力用户认可,在国内形成了较高的行业影响力。