Question

问题是我的图像大于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');
});

但是，这并没有解决它，它也以合适的尺寸开始，但是当滑块开始循环时，它会再次变得混乱

Answer 1

改变这个：

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

对此：

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

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

Answer 2

更多相关代码有助于提供更好的指导。你考虑过“背景大小：封面”吗？

Reference 1， Reference 2

Answer 3

在没有解决方案的1周之后，我已经达到了我犯的错误，我是.js，当Js加载时，他为滑块创建了自己的CSS，所以我不得不添加“背景” -size： size “就像这样：

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

因为没有固定尺寸，所以它会将图像的实际尺寸作为默认值。

感谢您帮我解决这个问题！

Jquery没有调整滑块上的图像大小

3 个答案: