0

我想为我正在构建的网站使用通量滑块...一切正常，除了我无法更改图像大小...我尝试了以下 jquery

$(function(){

if(!flux.browser.supportsTransitions)
 alert("Flux Slider requires a browser that supports CSS3 transitions");

window.f = new flux.slider('#slider', {
pagination: true,
width: 300,
height: 300,
transitions: ['bars3d']

});

});

但这会将图像裁剪为我指定的缩放尺寸。
有什么解决办法吗？请帮忙。

4

2 回答 2

1

将高度更改为 0 并将宽度设置为负值应该可以。

$(function(){
    if(!flux.browser.supportsTransitions)
        alert("Flux Slider requires a browser that supports CSS3 transitions");
    window.f = new flux.slider('#slider', {
        pagination: true,
        width: -300,
        height: 0,
        transitions: ['bars3d']
    });
});
于 2014-06-05T09:21:05.593 回答
0

可能存在三个问题（不确定，因为您没有添加 html/css r fiddle）；

1）您正在调整您设置的图像容器的大小height以及width图像以及例如<img src="blahblah.jgp" height="900" width="500" />删除height/width将解决问题。

2）其次，检查你是否有一些css没有让js覆盖，即你正在!important使用应用在图像上的图像css（高度/宽度）。

3）最后但并非最不重要的一点，除了height/width通过你已经在做的 js 设置图像容器之外，试试这个，这将使图像自动适应它们的容器。

img{
    max-width: 100% !important;
    height:auto 100% !important;
    display:block 100% !important;
}

也尝试在你的 js 中添加 !important 。希望它们中的任何一个都能为您工作。

祝你好运

于 2014-02-15T21:00:51.950 回答