2012-05-29 11 views
6

Tengo el control deslizante nivo en mi página web. Necesito mostrar imágenes de varios ancho y alto. La imagen más grande se muestra detrás de la imagen más pequeña. Por favor, consulte la siguiente captura de pantalla.nivo slider image resize issue

enter image description here

Tengo que quitar mostrar una imagen más grande detrás de la imagen pequeña. ¿Hay alguna posibilidad de hacerlo con el control deslizante nivo?

+0

Como sé, deslizador nivo necesita imágenes ser del mismo tamaño Los tamaños se mencionan en el archivo css. – Vinay

+0

Las imágenes vienen de back-end y no debería mencionar los tamaños. – designersvsoft

Respuesta

3

agregar este

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

He utilizado este y ha funcionado :)

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

esto funcionó! thx –

+0

¿Cómo podría cambiar el tamaño de la imagen con 100% de ancho y alto? Establecí el ancho: 100% pero no pude trabajar. –

+0

great +1 funcionó :) –

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

I fhound esto se hizo cargo del problema