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

我使用本教程为我正在开发的网站创建了一个全屏版本。 正如你可能已经注意到的，我已经成功地做出了我所需要的大部分改变

但我无法理解为什么每次点击幻灯片并激活时，罐头都会收缩和增长

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

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

有没有人能帮我理解为什么会这样

---

我所要做的就是点击显示幻灯片和罐子，使其保持预期大小。就像原来的教程一样，它可以清晰地显示内容

易拉罐扩展的原因不是JavaScript问题，而是因为易拉罐的CSS是宽度：当它是一个小滑块时为100%，当单击新幻灯片时，活动幻灯片从60%变为10%，因此易拉罐占据了100%

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

最简单的解决方案是将值转换为像素，以便在转换时保持其大小。但这可能会使反应性行为复杂化