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

我有使用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());
    });

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

最佳答案

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