为什么部分内容会在此滑块上缩放

Question

我已经使用本教程为我正在处理的网站创建了一个全屏版本。 您可能已经注意到我已经成功完成了我需要的大部分更改。

http://coolcarousels.frebsite.nl/c/68/

但我无法弄清楚为什么每次点击幻灯片并使其活跃时缩小和增长的罐头。

JSBin

我觉得它与Slides在从活动幻灯片转到较小幻灯片时改变宽度有关，但我不明白为什么内容会随之增长/缩小。

                        //  resize currentslide to small version
                        currentSlide.stop().animate({
                            width: _width * 0.065
                        }); 

有没有人可以帮我理解为什么会这样？

我想要的只是点击以显示幻灯片和罐子以保持他们想要的大小。就像原始教程一样，内容清晰透露。

Answer 1

cans扩展的原因不是JavaScript问题，因为can的CSS是宽度：100％当它是一个小滑块时，当点击新幻灯片时，活动幻灯片从60％变为10％因此，它可以占用它的100％。

.slide .can {
position: absolute;
width: 150%;
left: -56%;
bottom: 0;
right:auto;
}

最简单的解决方案是将值转换为像素，使其在转换时保持原样。但这可能使响应行为变得复杂。