swiper轮播箭头垂直居中
取消懒加载
for (var i in $('.p01-s9 .lazyload')) {
$('.p01-s9 .lazyload').eq(i).attr('src',$('.p01-s9 .lazyload').eq(i).attr('data-src'));
}
$('.p01-s9 .lazyload').removeClass('lazyload').addClass('lazyloaded');
//轮播箭头垂直居中
function reactiveGallaryArrowTop($swiper) {
var outerHeight = $($swiper).find(".swiper-wrapper").height();
var imgHeight = $($swiper).find(".swiper-slide").find("img").height();
var percentage = 0.5*imgHeight/outerHeight * 100;
var prevArrow = $($swiper).find(".prev");
var nextArrow = $($swiper).find(".next");
prevArrow.css({
"top": percentage + '%'
});
nextArrow.css({
"top": percentage + '%'
});
}
//swiper调用
on: {
imagesReady: function() {
$('.p01-s5 img').load(function() {
reactiveGallaryArrowTop('#p01-s5');
});
},
resize: function() {
$('.p01-s5 img').load(function() {
reactiveGallaryArrowTop('#p01-s5');
});
}
}
最新文章
- Flask 备注一(单元测试,Debugger, Logger)
- Is WPFdead
- CSS3.0盒模型display:-webkit-box;的使用
- tomcat PermGen space
- TopCoder SRM 582 ColorfulBuilding
- c# 字符串(含有汉字)转化为16进制编码(转)
- java环境变量设置--编写一年java,竟不会配变量了
- python学习笔记之四:条件,循环和其他语句
- 如何解决KEIL 5 编KEIL4同RTX系统的project解
- 【Android Developers Training】 39. 获取文件信息
- hadoop HA 详解
- 面试遇到两个稍显变态的题目,mark一下
- 【做题】CF239E. k-d-sequence——线段树
- Android UIAutomator 定位
- pyhton验证码识别
- Linux 虚拟机安装vmware tools
- 转:eclipse里面显示中文乱码
- 浅谈AutoResetEvent的用法
- Flask用Flask-SQLAlchemy连接MySQL
- JS高程3:错误处理和调试