0

问题是我有一个大于 477 x 205 的图像，但我需要它们来做其他事情，制作 2 或 3 个不同尺寸的图像会是一个问题。所以，我决定在 jquery 上调整它的大小。主要问题是我是 JQUERY 的新手（请耐心等待：B）。

我已经阅读了一些主题，但没有一个对我有帮助，更接近的是添加“$('#slides').css('background-size', '477px 205px');”：

 $(document).ready(function() {
    $('#slides').coinslider({ hoverPause: true });

    $('#slides').css('background-size', '477px 205px');

    $('#slides').css('overflow', 'hidden');
});

但是，这并没有解决它，它也以正确的大小开始，但是当滑块开始循环时，它又变得一团糟

4

3 回答 3

0

改变这个：

 $('#slides').css('background-size', '477px 205px');

对此：

$('#slides').width(477).height(205);

将overflow: hidden隐藏图像的其余部分。

于 2013-09-11T18:15:58.373 回答
0

更多相关代码将有助于提供更好的指导。您是否考虑过“背景尺寸：封面”？

参考1、 参考2

于 2013-09-11T18:23:52.423 回答
0

在没有解决方案的 1 周后，我发现了我犯的错误，我是 .js，当 Js 加载时，他为滑块创建了自己的 CSS，所以我不得不添加“背景尺寸：大小“像这样：

// positioning squares
                    $("#cs-"+el.id+i+j).css({ 
                        'background-position': -sLeft +'px '+(-sTop+'px'),
                        'left' : sLeft ,
                        'top': sTop,
                        'background-size':'477px 205px' 
                    });

由于它没有固定大小，因此默认情况下会采用图像的实际大小。

感谢您尝试帮助我解决此问题！

于 2013-09-24T13:23:22.900 回答