相机滑块图像从侧面裁剪

Question

Fiddle

我正在尝试使用pixedelic的Camera Slider进行幻灯片放映。但是所有的图像都从侧面切入。所以我编辑了camera.js文件并删除了下面的负边距：

t.css({
                                'height' : h,
                                'margin-left' : 0,
                                'margin-right' : 0,
                                'margin-top' : 0,
                                'position' : 'absolute',
                                'visibility' : 'visible',
                                'width' : wT*r
                            });

完成此图像后，左侧显示完整，但现在正在右侧裁剪。我在运行时尝试了很多东西，但无法按预期工作。

查看当前输出：

Answer 1

因此，您的高度和宽度值被设置为您的jQuery carousel插件确定的适当大小。强制CSS问题的一种方法是在CSS文件中设置以下内容：

.cameraSlide img {
   max-width: 100% !important;
   width: auto !important;
   height: auto !important;
}

Fiddle

!important修饰符不是最佳做法，并且有充分的理由。它杀死了CSS中的所有特异性规则。但是，如果您不打算使用此插件修改任何其他内容，则此解决方案将起作用。这将覆盖JavaScript应用的内联样式并强制您在CSS中定义的规则。由于不熟悉控件，也不想深入了解其文档，这是我为您提供的最快捷，最简单的解决方案。