iDangerous Swiper滑块,自定义覆盖层不会与restslider缩小

时间:2014-01-27 07:42:21

标签: javascript jquery html css swiper

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

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

滑块滑块设置为轮播模式,最大宽度为1275像素。在这里,我为不在中心的非活动图像/图像制作了自定义叠加层。当缩放时,叠加层工作正常,但缩小时,叠加层也会覆盖居中/活动幻灯片,而不应该叠加。

使用jQuery进行缩放:

THE JQUERY SCALING:

/* 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());
    });

是否也可以扩展叠加层?

1 个答案:

答案 0 :(得分:0)

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