javascript - iDangerous Swiper slider ，自定义覆盖不随 restslider 缩小

Question

我有这个使用 iDangerous Swiper 插件的 slider 。

她是 fiddle 手:http://jsfiddle.net/2vNTw/1/

滑动 slider 设置为轮播模式，最大宽度为 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 基础知识。只需添加 position:relative 到 .swiper-slide