Estoy tratando de aumentar el tamaño de carrusel en materializarse.css, pero no pudo conseguirlo. He tratado de ajuste de la altura, pero no funcionó. He buscado en google pero no podía encontrar ninguna solución. Alguien podría ayudarme con esto?

  • publicar el código o crear un fragmento de código para que nosotros los veamos
InformationsquelleAutor Boopesh | 2016-06-11

8 Comentarios

  1. 5
    .carousel .carousel-item {
    width:300px !important;}

    esto podría ayudar, colocar este código en tu css y cambiar el ancho de acuerdo a su necesidad.

    • El uso de un mayor número (por ejemplo,width: 500px) claramente desplaza la imagen de distancia desde el centro.
  2. 3

    Establece una altura mínima que se correlaciona con la altura real de las imágenes que desee incluir. Para mí, eso era 900px.

    .carousel { 
    min-height: 900px;
    }
  3. 2
    $(document).ready(function(){
        //initialisation pour le caroussel
    
        $('.slider').slider({
            indicators:false,
            **height:625.5**,//define your height here
            transition:500,
            interval:6000
        });
    });
  4. 1

    Mi carrusel de imágenes eran demasiado grandes para el contenedor estándar. Esto es lo que he utilizado, y que mis imágenes se muestran perfectamente ahora.

    .carousel {
        height: 600px;
    }
  5. 1

    No estoy seguro de si la gente sigue teniendo este problema, pero me corrió contra él recientemente y se ha solucionado mediante el ajuste de la altura de la imagen en concreto, y dejando las otras clases.

    Así que en lugar de ajustar el tamaño de toda la trama, solo..

    img { 
      height: 500px 
    }

    De trabajo violín: https://jsfiddle.net/blankdev/Ls81k2ud/

    Me parece que si no haces nada con Materializan carrusel, y alimentar las imágenes con una altura máxima de 400px se acaba de mostrar como es dado que el marco se establece que a esa altura.

  6. 1
     $(document).ready(function(){
        $('.slider').height(300);
        $('.slides').height(250);
    });

    para .carrusel de uso carrusel en lugar de regulador o consulte la documentación im materializecss de carrusel en javascript y regulador en los medios de comunicación

  7. 1

    después de mucho probar, he encontrado una solución que funciona para mí:

    .carousel .carousel-item>img {
        width: 230%; //there you set the width
        margin-left: -70%; //this is the centering of carousel (in original, it is a bit off to the right)
    }

    Espero que ayude!

  8. 0

    he probado esta respuesta y no hacer cambios,
    he intentado escribir mi código personalizado en materializarse.archivo css en la parte inferior.
    #main .carousel{
    height: 100vh;
    }

    • Usted debe explicar su respuesta. Esto es aún más importante, ya que su respuesta no es fácil de entender…

Dejar respuesta

Please enter your comment!
Please enter your name here