Un usuario preguntó 👇
Acabo de usar el plugin gratuito de EE. UU. Y me gusta MUCHO.
Una cosa que no entendí cómo hacer fue hacer todas las diapositivas a la misma altura, como la diapositiva de muestra precargada cuando instaló el plugin. Ahora mis diapositivas tienen diferentes alturas según la cantidad de cosas diferentes que haya en cada diapositiva. Esto crea una especie de borde rugoso en la parte inferior, que no se ve tan pulido como me gustaría para este proyecto en particular.
Supongo que debo agregar que no quiero especificar la altura, quiero que la presentación de diapositivas responda como todo lo demás. Todo lo que necesito hacer es estirar los fondos de las diapositivas con menos material hasta la parte inferior del marco para que haya un borde limpio continuo como en la diapositiva de muestra.
¡Espero que mi explicación sea clara, ya que ahora no puedo compartir la presentación de diapositivas real! Gracias. 🙂
(@simonpedge)
Hace 1 año, 9 meses
Sí, consigo lo que quieres.
Debe realizar el ajuste de «Altura mínima» por nosotros (en «Estilo de deslizamiento» en la barra lateral derecha). Entonces, aquí, si usa la configuración «%», puede especificar que sus diapositivas deben tener una altura mínima como un porcentaje del ancho de sus diapositivas.
Entonces, si establece esto en «100%», sus diapositivas serán cuadradas (la altura es igual a la anchura). Recuerde que este es un sitio de “baja altitud”, por lo que si su material deslizante excede la altura mínima requerida, aún obtendrá el fondo áspero del que está hablando.
Pero juega con este sitio …
(@ctdinchicago)
Hace 1 año, 9 meses
Eso funciona con la presentación de diapositivas que estoy creando. ¡Gracias!
(@tikitorcher)
Hace 1 año, 8 meses
¡Gracias por esto! No me di cuenta de este arreglo. Todas las diapositivas ahora son del mismo tamaño en un teléfono móvil y eso me dejó preguntándome por qué la configuración predeterminada no es 100% de altura mínima. Sin embargo, cuando vuelvo a la pantalla completa, ¡las imágenes son enormes! Entonces, tal vez vuelva a poner las cosas al 50% … Mi problema real parece ser que el contenido es estático dentro el tobogán obligando a ese tobogán a ser más alto. Las diapositivas con contenido adicional suelen ser mucho más altas en un teléfono móvil con la configuración predeterminada. Alguna idea de cómo solucionar este problema?
Esta respuesta fue modificada hace 1 año, 8 meses por. Razón: No funcionó como pensé: P.
(@tikitorcher)
Hace 1 año, 8 meses
Bien, más jugando con esto y creo que reconocí mis problemas y esto es lo que pienso para el trabajo. Problemas: 1. Mi imagen se colocó en el wysiwyg y tenía una altura y un ancho fijos. Si su contenedor era más pequeño que este ancho, no logró un ancho = 100%, lo que terminaría siendo bastante grande en un teléfono móvil. 2. La mayor parte de mi imagen y texto hizo que una de mis diapositivas fuera más alta que todas las demás. Esto es un problema porque todas las demás diapositivas se basan en la altura. % de ancho , no la altura real de ningún material. ¡Así que todas las demás diapositivas son demasiado cortas! 🙂
Solución alternativa: 1. En el editor wysiwyg, reduzco el tamaño de la copia de seguridad de mi imagen con CSS. Esto reduce el tamaño de las imágenes exageradas, lo que ya ayuda en pantallas pequeñas. Las pantallas grandes todavía usaban el ancho especificado.
style="width: 80%;"
2. Para miradores más pequeños, exceda la regla de altura mínima = 50% del ancho. Otras opciones que se ofrecen actualmente en el plugin incluyen una altura fija basada en la relación de altura o el valor de px de código duro. En un pequeño vistazo, descubrí que me importan menos las proporciones y más que mis cajas sean lo suficientemente altas para adaptarse al contenido más alto. Así que agregué el siguiente CSS para que se ignore la altura de detalle establecida por el plugin en puntos de vista más pequeños. Desafortunadamente, todavía está codificado en altura sin medir el contenido real, pero se ve bien con mi contenido:
@media only screen and (max-width: 415px) {
#saslider .sa_hover_container{
box-sizing: content-box;
min-height: 200px !important; /*Had to use important since plugin applies min-height directly to the container rather than through classes.*/
}
}Propuesta / Pregunta: ¿Qué tan difícil sería agregar opciones de altura de harina basadas en la altura del material en lugar de solo una proporción fija de ancho o un número fijo de píxeles? Pensamientos
Nota al margen: Slide se ve muy extraño cuando se ve en el modo ‘iPad’ en devtools chrome. No estoy seguro de qué se trata, pero podría estar relacionado. 🙂
¿Solucionó tu problema??
0 / 0