2012-05-29 95 views
6

我在我的網頁上有nivo滑塊。我需要顯示各種寬度和高度的圖像。較大的圖像顯示在較小的圖像後面。請參考下面的截圖。nivo滑塊圖像調整大小問題

enter image description here

我必須刪除後面的小圖像顯示較大的圖像。有沒有可能用nivo滑塊做到這一點?

+0

據我所知,NIVO滑塊需要圖像尺寸相同。大小在css文件中提到。 – Vinay

+0

圖像來自後端,我不應該提及大小。 – designersvsoft

回答

3

添加此

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

我用這個和它的工作:)

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

這工作! thx –

+0

我怎樣才能調整圖像的寬度和高度爲100%?我設置寬度:100%,但無法工作。 –

+0

偉大的+1它的工作:) –

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

我fhound這場耗時照顧的問題