代码之家 › 专栏 › 技术社区 › Henrique D. B.

Jquery未调整滑块上的图像大小

image-resizing slider resize jquery javascript

Henrique D. B. · 技术社区 · 11 年前

问题是我有一个大于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');
});

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

3 回复 | 直到 11 年前

Jonny Sooter 11 年前

更改此项:

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

对此:

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

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

Manu Goel 11 年前

更相关的准则将有助于提供更好的指导。你考虑过“背景尺寸:封面”吗?

Reference 1 , Reference 2

Henrique D. B. 11 年前

在没有解决方案的一周后,我发现了我犯的错误,我在.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' 
                    });

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

谢谢你在这个问题上帮助我!

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前