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');
            });
  • 相关阅读:
    高精度模板_C++
    NOIP总结
    HDU2063_过山车_C++
    手写堆_C++
    NOIP2013Day1解题报告
    [ CodeVS冲杯之路 ] P1368
    POJ1002_487-3279_C++
    [ CodeVS冲杯之路 ] P1092
    POJ2376_Cleaning Shifts_C++
    欧几里得距离_曼哈顿距离_切比雪夫距离
  • 原文地址:https://www.cnblogs.com/gduf/p/11679349.html
Copyright © 2011-2022 走看看