我有一个使用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());
});
是否也可以扩展叠加层?
答案 0 :(得分:0)
这就是CSS的基础知识。只需添加位置:相对于.swiper-slide