iDangerous Swiper滑块，自定义叠加层不随Restslider缩小

Question

我有使用iDangerous Swiper插件的滑块。

她是小提琴： http : //jsfiddle.net/2vNTw/1/

滑动滑杆设置为轮播模式，最大宽度为1275像素。 在此，我为非活动图像/不在中心的图像制作了自定义叠加层。 当未按比例缩小叠加层时，叠加层工作正常，但按比例缩小时，叠加层也会叠加居中/活动幻灯片，但不应该叠加。

使用jQuery进行缩放：

JQUERY标度：

/* On Load swiper height should adjust to img size */
    jQuery('.swiper-slide img').load(function() {
        jQuery('.swiper-container').height(jQuery('.swiper-slide img').height());
        jQuery('.swiper-wrapper').height(jQuery('.swiper-slide img').height());
    });

    /* On Resize swiper height should adjust to img size */
    jQuery(window).resize(function() {
        jQuery('.swiper-container').height(jQuery('.swiper-slide img').height());
        jQuery('.swiper-wrapper').height(jQuery('.swiper-slide img').height());
    });

是否有可能使覆盖层也按比例缩放？

Answer 1

这就是CSS的基础知识。 只需添加位置：相对于.swiper-slide