¿Cómo puedo especificar una altura fija para las imágenes que no distorsionen con el usuario cambia el tamaño del navegador?

Realmente quiero que ella actúe como una imagen de fondo, pero a rotar como Mancha de Carrusel.

Alguna idea?

InformationsquelleAutor Leigh | 2014-09-09

1 Comentario

  1. 2

    Establecer una altura absoluta para el contenedor de las imágenes del Carrusel, que será el carrusel de sí mismo en este caso.

    Establecer un css dentro de la style=»» etiqueta del Carrusel para especificar

    <div class="carousel" style="height:300px;">
    ..
    </div>

    Cuando se especifica una altura fija para el contenedor, no se distorsionan si el navegador se cambia de tamaño.
    O si el carrusel tiene fronteras alrededor de ella y no quiere que desborde, usted debe tratar el siguiente método –

    <style>
    .carouselContainer {
         overflow:hidden;
    }
    .carouselContainer img {
         height:300px;
    }
    </style>
    
    <div class="carouselContainer">
         <img src="link1">
         <img src="link2">
         ...
    </div>

    No puedo mostrarles el ejemplo real como usted no ha proporcionado ningún código. Pero espero poder transmitir el concepto de cómo hacerlo.

    • Muchas gracias por la rápida respuesta. Aquí es el sitio en el que estoy trabajando – cgboats.businesscatalyst.com/test-home Cuando se cambia el tamaño, me sale un espacio en blanco debajo de la foto y no se puede leer el texto.

Dejar respuesta

Please enter your comment!
Please enter your name here