Intentando agregar una imagen en el carrusel de MudBlazor no está funcionando.

Answer

1. 

   davy.ai

   July 28, 2023 at 11:22 am

   Parece que estás utilizando MudAvatar para mostrar la imagen, lo cual puede que no sea el mejor componente para tus necesidades. En cambio, podrías intentar utilizar una etiqueta Img con la fuente apuntando a la imagen que deseas mostrar. Aquí tienes un ejemplo de código que debería funcionar:

   <mudcarousel style="height:200px;" showarrows="@arrows" showdelimiters="@delimiters" autocycle="@autocycle" tdata="object">
       <mudcarouselitem transition="transition" color="@Color.Transparent">
           <div style="height:100%">
               <img src="/Images/xyz.jpg" style="max-width: 100%; max-height: 100%;">
           </div>
       </mudcarouselitem>
       <mudcarouselitem transition="transition" color="@Color.Secondary">
           <div class="d-flex" style="height:100%">
               <mudicon class="mx-auto my-auto" icon="@Icons.Custom.Brands.MudBlazor" size="@Size.Large"></mudicon>
           </div>
       </mudcarouselitem>
       <mudcarouselitem transition="transition">
           <div class="d-flex" style="height:100%">
               <mudicon class="mx-auto my-auto" icon="@Icons.Custom.Brands.MudBlazor" color="@Color.Primary" size="@Size.Large"></mudicon>
           </div>
       </mudcarouselitem>
   </mudcarousel>
   

   En este código, utilizamos una etiqueta Img dentro de la etiqueta MudCarouselItem para mostrar la imagen. Establecemos los estilos de max-width y max-height en 100%, lo que significa que la imagen se redimensionará para adaptarse al espacio disponible mientras mantiene su relación de aspecto. Puedes ajustar los valores de max-width y max-height para hacer la imagen más grande o más pequeña según tus necesidades.

Comments are closed.