zoukankan      html  css  js  c++  java
  • 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(){

          reactiveGallaryArrowTop('#p01-s5');                    

                    }
                }

     
            $(window).resize(function () {
                reactiveGallaryArrowTop('.p11-1-s4');
            });
  • 相关阅读:
    转移到新的个人独立博客。
    hdu5618 (三维偏序,cdq分治)
    平衡树维护动态凸包
    poj1986 LCA
    hdu2586 LCA
    LCA最近公共祖先 ST+RMQ在线算法
    hdu 3401 单调队列优化DP
    【转】单调队列优化DP
    CodeForces 548D 单调栈
    hdu3530 单调队列
  • 原文地址:https://www.cnblogs.com/gduf/p/11679349.html
Copyright © 2011-2022 走看看