0

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

是否有可能让叠加层也按比例缩放？

4

1 回答 1

0

这就是 CSS 基础知识。只需添加 position:relative to .swiper-slide

于 2014-01-28T08:19:54.830 回答