Javascript nivo 滑块图像调整大小问题

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/10796661/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-24 02:57:30  来源:igfitidea点击:

nivo slider image resize issue

javascripthtmlcssnivo-slider

提问by designersvsoft

I have nivo slider in my web page. I need to display images of various width and height.The larger image displays behind the smaller image. Please refer the following screenshot.

我的网页中有 nivo 滑块。我需要显示各种宽度和高度的图像。较大的图像显示在较小的图像后面。请参考以下屏幕截图。

enter image description here

在此处输入图片说明

I have to remove displaying larger image behind the small image. Is there any possibility to do it with nivo slider?

我必须删除在小图像后面显示较大的图像。有没有可能用 nivo 滑块来做到这一点?

回答by Hoang Tran

I used this and it's worked :)

我用过这个,它奏效了:)

.theme-default .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    width: 556px;
    height: 183px !important;
}

回答by NassimPHP

add this

添加这个

<style>
    .slider-wrapper,.nivoSlider , img{
        width:500px;
        height:200px;
        margin-bottom:0px !important;
        border-radius:10px;
    }
</style>

回答by PCTech

.theme-navigation-inside .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    height: auto;
}

I fhound this took care of the problem

我发现这解决了这个问题