Проблема с изменением размера изображения слайдера nivo

У меня есть слайдер nivo на моей веб-странице. Мне нужно отображать изображения различной ширины и высоты. Более крупное изображение отображается за меньшим изображением. Пожалуйста, обратитесь к следующему снимку экрана.

введите здесь описание изображения

Мне нужно удалить отображение большего изображения за маленьким изображением. Есть ли возможность сделать это с ниво слайдером?


javascript html css nivo-slider
person designersvsoft    schedule 29.05.2012    source источник
comment
Насколько я знаю, слайдер nivo требует, чтобы изображения были одинакового размера. Размеры указаны в файле css.   -  person Vinay    schedule 29.05.2012
comment
Изображения поступают из задней части, и я не должен упоминать размеры.   -  person designersvsoft    schedule 29.05.2012

Ответы (3)


arrow_upward
10
arrow_downward

Я использовал это, и это сработало :)

.theme-default .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    width: 556px;
    height: 183px !important;
}
person Hoang Tran    schedule 06.07.2012
comment
Как я могу изменить размер изображения со 100% шириной и высотой? Я установил ширину: 100%, но не смог работать. - person Navin Rauniyar; 03.07.2013

arrow_upward
3
arrow_downward

Добавь это

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

arrow_upward
0
arrow_downward 

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

Я нашел, что это позаботилось о проблеме

person PCTech    schedule 22.03.2013